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

Navegación con barra lateral nativa

Active un menú lateral deslizante nativo con enlaces personalizados e iconos de SF Symbols, configurado mediante Sidebar.json.

Además del pie de navegación nativo, WebViewGold incluye una barra lateral deslizante nativa para ofrecer una experiencia de navegación propia de una app sin tocar su sitio web. Un botón de menú flotante abre una barra lateral con sus enlaces: cada entrada hace que el WebView principal navegue a la URL que usted le asocie.

Cómo activarla:

Establezca la siguiente opción en Config.swift:

var enableSidebar = true

Cómo configurarla:

Abra Sidebar.json en el proyecto de Xcode y defina el esquema de color y las entradas del menú:

{
   "colour":"dark",
   "layout":[
      {
         "redirection_link":"https://example.org/home",
         "sf_symbol":"house",
         "name": "Inicio"
      },
      {
         "redirection_link":"https://example.org/shop",
         "sf_symbol":"cart",
         "name": "Tienda"
      }
   ]
}
Clave
Descripción
colour
Esquema de color de la barra lateral: dark o light.
redirection_link
URL que se carga en el WebView principal al tocar la entrada.
sf_symbol
Nombre del icono de la biblioteca SF Symbols de Apple (p. ej., house, cart, wrench.and.screwdriver).
name
Etiqueta de la entrada de la barra lateral.

Comportamiento:

  • Un botón flotante abre y cierra la barra lateral sobre su contenido web.
  • Al tocar una entrada se carga la URL asociada en el WebView principal, de modo que su aplicación web nunca abandona el contenedor de la app.
  • La barra lateral puede combinarse con el pie de navegación nativo o usarse de forma independiente.

¿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 →