The bottom navigation is the tab bar most people use to move around your app – Home, Search, Cart, and whatever else belongs there. It’s set up in two parts: what each item does, and how the whole bar looks.
Steps
1. Open the Navigations tab
In the left sidebar, switch to the Navigations tab, or select the tab bar directly on the canvas.
2. Add navigation items
On the General tab, add each item with a label and icon. Optionally mark one as a Raised Action Button – a visually emphasized center button, common for something like “Add” or “Scan.”
3. Set what each item does
For each item, choose its action: Navigate to Page (jumps to a screen) or Open Drawer (slides out a panel – see Add and edit drawers). Then pick the specific page or drawer it points to.
4. Choose a visual style
On the Style tab, pick how the whole bar looks: Standard (Fixed), Floating, Icon Only, Indicator Line, Active Pill, Center FAB, or Bubble.
5. Set your colors
Set the bar’s background color and the color used to highlight whichever item is currently active.