WebViewGold Documentación · Android
🇪🇸 Español
Obtener WebViewGold

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 incluye dos interfaces de navegación nativas integradas para que pueda ofrecer una experiencia de navegación tipo app sin tocar su sitio web: un panel de navegación lateral y un pie de navegación inferior Material 3. Ambas son opcionales y pueden combinarse o utilizarse de forma independiente.

1. Panel de navegación lateral

Un botón de menú flotante abre un panel de navegación Material con sus enlaces. Actívelo en Config.java:

static boolean ENABLE_NAVIGATION_DRAWER = true;

Configure las entradas y los iconos en:

app/src/main/res/menu/menu_drawer.xml

Cada <item> se convierte en una fila del panel y, al tocarla, dirige el WebView a la URL que le asocie.

2. Pie de navegación inferior

Una barra de navegación inferior Material 3 se sitúa en la parte inferior de la pantalla y permite alternar entre las secciones principales. Actívela en Config.java:

static boolean ENABLE_NAVIGATION_FOOTER = true;

El mismo archivo (res/menu/menu_drawer.xml) gestiona las entradas: elija de 3 a 5 destinos de nivel superior.

Comportamiento:

  • Ambas interfaces respetan automáticamente el modo oscuro o claro del dispositivo.
  • Los iconos y las etiquetas provienen de su XML de menú.
  • Al tocar una entrada se carga la URL asociada en el WebView principal, por lo que su aplicación web nunca abandona el envoltorio de la app.

Referencia: Directrices de la barra de navegación de Material 3.

¿Sin tiempo? Configuramos su app por usted.

Nuestro equipo configura, compila & publica su app WebViewGold: llave en mano, entrega rápida, Made in Germany.

Configurar mi app →

Compile en su navegador

Sin Mac ni IDE: el WebViewGold Cloud Builder configura, compila & sube su app en línea.

Descubra Cloud Builder →