WebToAppMaker

Navigation

Navigation Drawer

Add a left or right native drawer with a branded header, draggable items, gestures, and URL rules.

Before you start

  • A menu hierarchy
  • Optional header logo and copy

Configure and verify

  1. Choose position and gesture

    Select left or right placement and whether an edge drag opens the drawer.

  2. Style the surface

    Set theme backgrounds, menu text colors, and icon colors.

  3. Build the header

    Upload an optional logo and add title, secondary title, and their theme colors.

  4. Create menu items

    Choose icons, labels, and URLs, then drag items into order.

  5. Set visibility

    Show rules restrict the drawer; hide rules override them.

  6. Test interactions

    Open by hamburger and gesture, select every item, verify it closes after navigation, and confirm Android back closes an open drawer first.

Icon values

The picker stores Material-style codepoints or familiar names such as home, info, and mail.

Runtime updates

update_settings can replace drawer items and settings for the current session.

Test before release

  • Hamburger icon is visible
  • Drawer closes after selection
  • Back closes the drawer first
  • Header is readable
  • Right-side behavior was tested if selected