Función nativa
Una cabecera web dentro de una app es lo primero que notan los revisores. Elige tu herramienta para ver los pasos exactos: ocultar el menú web, añadir una barra de pestañas nativa y lograr que cada URL de pestaña cargue bien en tu stack.
Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.
Las cuatro cargan una URL de tu app web en el WebView principal al tocarlas, así que tu enrutamiento no cambia en absoluto. Elige un patrón principal por plataforma.
Pon showNavFooter en true en Config.swift y describe de tres a cinco pestañas en FooterBar.json: una etiqueta (name), un SF Symbol (sf_symbol) y la URL que abre la pestaña (redirection_link), además de colour con dark o light para toda la barra.
Pon enableSidebar en true y rellena Sidebar.json con los mismos campos. Un botón flotante abre un menú deslizante nativo, muy práctico cuando tienes más secciones de las que caben en una barra de pestañas. Funciona sola o junto al pie de navegación (documentación de la barra lateral).
ENABLE_NAVIGATION_FOOTER en Config.java añade una barra de navegación inferior de Material 3. Sus entradas, iconos y etiquetas salen de res/menu/menu_drawer.xml; Google recomienda de tres a cinco destinos de primer nivel. Los modos claro y oscuro siguen automáticamente al sistema.
ENABLE_NAVIGATION_DRAWER añade un botón de menú flotante que abre un menú lateral de Material, controlado por el mismo archivo de menú. La navegación inferior y el menú lateral pueden funcionar a la vez, por ejemplo con las secciones principales abajo y los ajustes, la ayuda y las páginas legales en el menú lateral.
| Barra nativa (WebViewGold) | Barra de pestañas creada en la app web | Cabecera web con menú hamburguesa | |
|---|---|---|---|
| Aspecto | El del sistema: SF Symbols en iOS, Material 3 en Android | Lo que diseñes, a juego con tu marca | Un sitio web móvil |
| Dónde la cambias | FooterBar.json, Sidebar.json, menu_drawer.xml; llega con una actualización en la tienda | En tu app web, en vivo con cada despliegue | En tu app web |
| Indicador de inicio y área segura | Resuelto de forma nativa | Necesita padding con env(safe-area-inset-bottom) | A menudo queda tapada por el indicador de inicio |
| Qué hace un toque | Carga la URL de la pestaña en el WebView (una carga de página) | Cambio de ruta en el cliente; instantáneo y conserva el estado | Primero abre un menú y luego navega |
| Ideal para | De tres a cinco secciones principales estables | Secciones que cambian a menudo, badges y contadores | Solo el sitio web; ocúltala dentro de la app |
Ninguna función concreta es obligatoria. La directriz 4.2 se pregunta si la app ofrece algo más que un sitio web reempaquetado, y la 4.0 si sigue las convenciones de diseño de iOS. Una barra de pestañas nativa es una de las señales más claras para ambas, sobre todo junto a las notificaciones push y una buena pantalla sin conexión, pero no sustituye a una app web adaptada a móviles.
En la barra nativa, no: FooterBar.json, Sidebar.json y menu_drawer.xml van dentro del build. Las páginas que hay detrás de las URLs de las pestañas se actualizan con cada despliegue. Si tus secciones cambian a menudo, crea la barra de pestañas en tu app web y muéstrala solo dentro de la app.
Sí. Cada pestaña carga su URL en el WebView, así que tu hosting debe responder a cada ruta con la app (un fallback de SPA a index.html) y tu router debe abrir la pantalla correcta en una carga directa. Compruébalo pegando la URL de una pestaña en una pestaña nueva del navegador.
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principal$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuita$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.
Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días
¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.
Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.
