Bottom navigation elements are positioned at the bottom of the screen for easy one-handed access.
Material Design (Android) offers two types of bottom navigation:
- Navigation bars: Provide access to 3-5 consistent top-level destinations across screens. They are focused solely on navigation and ensure a familiar, intuitive experience. Previously called "bottom navigation," these bars don’t include additional actions.[1]
- Bottom app bars: Combine navigation and key actions, including up to four actions and a floating action button (FAB). Designed for mobile screens with two to five actions, they should not be used alongside navigation bars as they serve different purposes.[2]
On iOS, tab bars function similarly to Android’s navigation bars. Positioned at the bottom, they allow users to navigate between top-level app sections while maintaining the current navigation state in each. This ensures seamless transitions and clarity in app structure.[3]