Using both bottom navigation and tabs for an android app



  • I was told it's a bad practice to have both bottom navigation and tabs in the same screen, but I'm not finding any information about why, and what can I use instead of tab bars in Material Design. The Google Play app has both for some reason.

    I'm developing an app for Android and my home screen looks like this. Thanks!

    enter image description here



  • Well, there is a section about exactly this topic in the Material Guidelines:

    enter image description here

    Caution
    Combining bottom navigation and tabs may cause confusion, as their relationship to the content may be unclear. Tabs share a common subject, whereas bottom navigation destinations are top-level and disconnected from each other.

    Basically it's simply about confusion. If you can make it clear enough then it shouldn't be a problem.



Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2