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.

