Top Navigation Bar
Bottom navigation bar should be a group containing a reasonable number (2-6) of buttons representing links to other screens through
onTap interactions. Any button that is without an
onTap interaction is considered to be representing the current screen.
The buttons within should contain an image/picture/icon and text representing the screen they are linked to.
The navigation bar can be styled through a
background element like most other components.
Example of Structure, Naming & Grouping
Pay special attention to the navigation bar and consider it carefully as it plays an important role within the app and also is by far the most complex component that we can generate. Designing it well can save hours of valuable development time.