Chapter 3: Navigation & Structure

Bottom nav bars, tabs, fixed headers, scrollable content areas, and prototyping navigation flows.

Work through the lessons in order, or jump to the specific thing you need.

1. Build a bottom nav bar with auto layout
2. Create active and inactive nav states using variants
3. Prototype: tap nav icons to switch between screens
4. Create tabs with an underline indicator
5. Prototype: tap tabs to switch content panels
6. Design fixed headers and scrollable body areas