We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Bottom Navigation Bar

Is there a control to add a bottom navigation bar as in the attached file in xamarin.forms?

Attachment: bottom_Bar_c2ff1aca.zip

4 Replies

PS Parthiban Sundaram Syncfusion Team February 14, 2017 05:23 PM UTC

Hi Jaison,

We kindly request you to refer the following link to achieve your requirement.

Link: https://developer.xamarin.com/guides/xamarin-forms/user-interface/navigation/tabbed-page/

Please let us know, if you need further assistance.

Regards,
Parthiban S



NK Nitish Kumar Sharma April 13, 2018 02:38 PM UTC

Hi Pratibhan!
I think he asked for bottom navigation. The link you provided is about tabbed page that renders natively in all platforms, meaning it renders in tabbed page in android with tabs on top.
I have same question. Do we have anything for bottombar navigation?
Thanks,
Nitish


RK Rathana Kumar Sekar Syncfusion Team April 16, 2018 11:38 AM UTC

Hi Nitish,

Thanks for your update.

We have attached the sample in which we have implemented the SfTabView sample with fontIcon. And also we have set the TabPosition to Bottom for achieve your requirement. Please find the sample from the below link.

Sample: http://www.syncfusion.com/downloads/support/forum/128851/ze/FontIconSample_2-352233218 

Please let us know if you have any other query.

Regards,
Rathanakumar S. 



MB Matthew Bailey January 10, 2020 01:07 PM UTC

Xamarin.Forms TabbedPage can be rendered at the bottom for both platforms.

In your code behind of your page where the TabbedPage is, you add this:
On<Xamarin.Forms.PlatformConfiguration.Android>().SetToolbarPlacement(ToolbarPlacement.Bottom);

Loader.
Up arrow icon