Navigation Drawer & Bottom Navigation Footer
Ship an app-like navigation experience with the built-in Material navigation drawer and Material 3 bottom navigation bar — no changes to your website required.
WebViewGold ships two built-in native navigation UIs so you can offer an app-like navigation experience without touching your website: a side Navigation Drawer and a Material 3 Bottom Navigation Footer. Both are optional and can be combined or used independently.
1. Side Navigation Drawer
A floating menu button opens a Material navigation drawer with your links. Enable it in Config.java:
static boolean ENABLE_NAVIGATION_DRAWER = true;
Configure the entries and icons in:
app/src/main/res/menu/menu_drawer.xml
Each <item> becomes a drawer row and, when tapped, navigates the WebView to the URL you associate with it.
2. Bottom Navigation Footer
A Material 3 bottom-navigation bar sits at the bottom of the screen and switches between your top-level sections. Enable it in Config.java:
static boolean ENABLE_NAVIGATION_FOOTER = true;
The same file (res/menu/menu_drawer.xml) drives the entries — pick 3–5 top-level destinations.
Behavior:
- Both UIs respect the device's dark/light mode automatically.
- Icons and labels come from your menu XML.
- Tapping an entry loads the associated URL in the main WebView, so your web app never leaves the app shell.
Reference: Material 3 navigation bar guidelines.