Android'de Navigation Component ile Bottom Navigation View Kullanımı



Bu yazımda sizlere Navigation Component ile Bottom Navigation View kullanımını anlatacağım. Bottom Navigation View; Material Design ile sunulan, uygulamalarda ilgili ekranlar arasında kolayca gezinmemizi sağlayan bir component'tir. Kullanıcıların tek dokunuşla view'ları açmasını ve geçiş yapmasını sağlar.


  • Mobil uygulamalarda kolay kullanım sağlar.

  • Tıklandığında açılan her ekranın altında Bottom Navigation View görünmelidir.

  • Açılan ekranların eşit öneme sahip olması gerekir.


Menü sayısı 3 ile 5 arasında olan uygulamalarda bu kullanımı tercih edebiliriz. Bu component'i kullanan popüler uygulamalar: Youtube, Instagram, Twitter.


Yapacağımız demo uygulamada Bottom Navigation View'da 4 menu item ve bu item'lar arasında back ve up action'larda pop back stack çalışmaları olacak.


Yeni bir proje oluşturup sonrasında aşağıdaki adımları izliyoruz:


Navigation Component için gerekli olan classpath'i Project:build.gradle'a ekliyoruz.


App build.gradle dosyasına de gerekli olan Navigation plugin'ini ve dependency'lerimizi ekliyoruz.



Bottom Navigation View, Material Design altında geldiği için ayrıca dependency eklememize gerek bulunmuyor, yeni bir project oluşturduğumuzda gerekli dependency ekli bir şekilde geliyor. Navigation Component için gerekli dependency'lerimizi ekledikten sonra activity_main.xml'de Bottom Navigation View ve Navigation Component için gerekli Fragment'i ekliyoruz:



Bu adımdan sonra demo uygulamamızda Bottom View'da olmasını istediğimiz Movies, TV Series, Watch List ve Search menüleri için ayrı folder'lar altında ilgili fragment'larımızı ekliyoruz.



Daha sonra Bottom Navigation View ile ilişkilendireceğimiz menu.xml'i oluşturup kullanacağımız 4 menü için menu item'larımızı ekliyoruz.