Toolbars
Action toolbars work differently across platforms. On iOS, toolbars appear at the bottom of the screen. They're non-customizable, become translucent when content appears behind them, and contain buttons for screen-specific actions like creating, filtering, or editing content.[1]
On Android, the bottom app bar serves a similar purpose but offers more flexibility:
- Holds up to 4 icon buttons
- Includes a floating action button (FAB) for primary actions
- Can change the layout and contents between screens
Both components help users access key actions while conserving screen space, though Android offers more customization options than iOS' fixed toolbar design.[2]
Pro Tip: When designing toolbars, make sure to use a legible title and provide enough touch target space for each action.
References
- Toolbars | Apple Developer Documentation | Apple Developer Documentation
- Bottom app bar – Material Design 3 | Material Design