Xamarin.Forms Bottom NavBar Nasıl Yapılır ? Droid

Bildiğiniz üzere Xamarin.Formsda Tabbet Page ekranı aynı whatsapptaki gibi üstten sekmeler şeklinde oluşmakta, biz bu yazımızda bu sekmeleri ekranın altına nasıl yerleştirilir bunu görmüş olacağız. Görünüm olarakta Instagramdaki sekmelere benziyor olacak.

Öncelikle NavBar Page için ortak katmana bir BottomNavBarPage adında ContentPage Oluşturuyorum. App.Xaml.cs içerisinden başlangıç sayfamı  BottomNavBarPage  olarak ayarlıyorum.

Şimdi ise “ThriveGmbH.BottomNavigationBar.XF” Nuget Paketini projemize eklememiz gerekiyor. Projemize sağ tıklayıp Nuget Paketlerini yönet sekmesinde bu paketi aratıp yüklemeniz gerekemekte, Android ve Ortak katmana eklemeniz yeterli olacaktır. IOSta çalışmayacaktır ki tabbet page zaten IOS ta alt kısımda görünmektedir.

Oluşturmuğumuz BottomNavBarPage  namespace alanına

xmlns:xf=”clr-namespace:BottomBar.XamarinForms;assembly=BottomBar.XamarinForms”

bu kodu ekliyorum ve sayfayı xf:BottomBarPage Tagları arasına alıyorum.

sayfanın .cs kısmında classı “BottomBar.XamarinForms.BottomBarPage” tarafından kalıtıyorum. ve oluşturmuş olduğum NavsPage klasör içindeki 2 farklı ContentPage sayfasını Page1 ve Page2’yi buraya ekliyorum. Son hali aşağıdaki gibidir.