Bottom Navigation

The Bottom Navigation Panel serves as the primary interface for navigating the NoRush app, providing quick access to essential menus.

Overview

The Bottom Navigation Panel features 4 main icons that represent the following menus:

  • Home Menu
  • Request Ride Menu
  • Messages Menu
  • Account Menu

Selecting any of these icons extends the bottom navigation bar upward, displaying the corresponding menu content.

Main Features

  1. Switch Menus
    Tap any icon to instantly switch to a different menu.

  2. Expand/Collapse Menu

    • Swipe Up: Expand the selected menu to view its full content.
    • Swipe Down: Collapse the menu to return to the default view.
  3. Close Menu by Tapping Outside
    Tap anywhere outside the menu to close it.

  4. Horizontal Swiping
    Swipe left or right within the expanded menu to seamlessly navigate between menus.

Indicators and Visibility

  1. Selected Menu Highlighting
    The icon of the currently selected menu is highlighted in the app's theme colors.

  2. Swipe Navigation Indicator
    When swiping left or right to navigate between menus, a colored bar appears on the side corresponding to the swipe direction. This bar indicates which menu the user is about to navigate to.