Forum Cross Platform with Xamarin

Announcement:

The Xamarin Forums have officially moved to the new Microsoft Q&A experience. Microsoft Q&A is the home for technical questions and answers at across all products at Microsoft now including Xamarin!

To create new threads and ask questions head over to Microsoft Q&A for .NET and get involved today.

Bottom tab bar menu for android

We are building a cross-platform app targeting IOS and Android devices and we use TabbedPage to implement the menu bar. It works just fine for us but we have only one problem. For Android the tab bar is shown at the top and I haven’t found any ways to show it at the bottom. Our designers urge us to have the tab bar at the bottom as it works for IOS. I am wondering if there is another way for cross-platform solution to implement the tab bar menu where it is at the bottom. Also maybe someone knows how we can render the TabbedPage for Android to have the tab bar at the bottom. It would be the best way for us if it were possible because the app is almost done and we would avoid redoing a lof of code.

Posts

  • rmaciasrmacias USBeta, University ✭✭✭✭✭

    The native behavior in Android is to have all tabs towards the top. This is also defined in the Android User Interface Guidelines:

    http://developer.android.com/design/patterns/pure-android.html
    https://www.google.com/design/spec/components/tabs.html#tabs-usage

    If your designers insist on a bottom tab bar on Android, then I would recommend they research UI/UX design for each platform. Many times, they're used to designing websites, so they just don't know any better about designing mobile apps.

    The reason you don't want the tab bar on the bottom for Android apps is because many devices don't use capacitive hardware buttons, but use software buttons. This is especially true for many tablet, but there are phones that do this as well. So you'll have a UI that will look similiar to this:

    As you can use in the middle picture, the OS Navigation bar is software based, and not hardware based. It is looks really ugly and can conflict with the tab bar that's defined on the bottom.

    Now with that being said, if your designers still insist, the you might want to look here:
    https://forums.xamarin.com/discussion/10004/tabs-on-the-bottom-for-android-example-code

  • alexeyNalexeyN UAMember ✭✭

    Thanks Ruben for a very good explanation, I will try to re-convince my bosses to keep the menu tab bar at the top.

Sign In or Register to comment.