Native Navigationsleiste
Aktivieren Sie eine native untere Navigationsleiste mit Zurück-, Vorwärts- und individuellen Schaltflächen in Ihrer iOS-App.
Setzen Sie var showNavFooter = true in Config.swift, um die native Navigations-Fußleiste zu aktivieren. Konfigurieren Sie Buttons und Links in FooterBar.json. Beispiel:
{
"colour":"dark",
"layout":[
{
"redirection_link":"https://webviewgoldtest.github.io/index.html",
"sf_symbol":"house",
"name": "Home"
},
{
"redirection_link":"https://webviewgoldtest.github.io/appControls.html",
"sf_symbol":"wrench.and.screwdriver",
"name": "Controls"
},
{
"redirection_link":"https://webviewgoldtest.github.io/NFCtesting.html",
"sf_symbol":"wifi.square",
"name": "NFC"
},
{
"redirection_link":"https://webviewgoldtest.github.io/IAPtesting.html",
"sf_symbol":"cart",
"name": "Purchases"
},
{
"redirection_link":"https://webviewgoldtest.github.io/permissions.html",
"sf_symbol":"lock.open",
"name": "Permissions"
}
]
}Jedes
sf_symbol verwendet ein SF Symbol und öffnet den redirection_link in der Haupt-WebView.
Implementierungshinweise im SDK-Stil
Betrachten Sie diese Funktion als native Fähigkeit, die Ihrer Web-Ebene bereitgestellt wird: Behalten Sie Ihre Produktivwebsite oder PWA als zentrale Quelle bei und nutzen Sie anschließend die dokumentierten WebViewGold-Konfigurationsflags, URL-Befehle und JavaScript-Bridge-Aufrufe, um natives iOS-Verhalten nur dort zu aktivieren, wo es einen Mehrwert bietet. So bleibt Ihre Codebasis wartbar, da dieselbe Webanwendung mit minimaler Fallunterscheidung Browser, WebViewGold für iOS und die übrigen WebViewGold-Plattformen bedienen kann.
Für zuverlässige Ergebnisse empfehlen sich HTTPS-Endpunkte, stabile Routennamen, explizite Erfolgs-/Fehlerzustände in Ihrer UI sowie kleine JavaScript-Hilfsfunktionen, die native Aufrufe kapseln. Beispielsweise kann eine mit jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, einem eigenen React-/Vue-/Angular-Stack oder statischem HTML erstellte Web-App eine einzelne Schaltfläche oder einen Event-Handler bereitstellen, der die native WebViewGold-API auslöst und dennoch einen sauberen Browser-Fallback zeigt.
- Empfohlenes Integrationsmuster: Erkennen Sie den App-Kontext, rufen Sie die WebViewGold-API auf und aktualisieren Sie anschließend Ihre Web-UI nach dem nativen Callback oder Routenwechsel.
- Test-Checkliste: Prüfen Sie die Funktion auf einem echten Gerät oder in einem paketierten Build, überprüfen Sie Berechtigungen und Store-Prüftexte und stellen Sie sicher, dass reine Browser-Nutzer weiterhin einen sinnvollen Fallback erhalten.
- SEO-Vorteil: Halten Sie Feature-Seiten, Routentitel und strukturierte Inhalte auf Ihrer Website indexierbar, während WebViewGold die native App-Hülle für iOS-Nutzer bereitstellt.