Zum Inhalt springen
WebViewGold Vibe Coding in den App Store
Deutsch
WebViewGold holen

Natives Feature

Native Navigation für Vibe-Coding-Apps

Ein Website-Header in einer App fällt Reviewern als Erstes auf. Wähle dein Tool und sieh die genauen Schritte, um das Web-Menü auszublenden, eine native Tab-Leiste zu ergänzen und jede Tab-URL in deinem Stack zuverlässig laden zu lassen.

Ab $109 einmalig pro Plattform, oder unser Team erledigt alles ab $698.

  • Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen
  • Kein Programmieren nötig
  • Einmalzahlung, kostenlose Updates
  • 24/7 Support von echten Menschen
  • Made in Germany seit 2014 · ISO 27001

Vier native Navigationsoptionen

Alle vier laden beim Antippen eine URL deiner Web-App in der Haupt-WebView, an deinem Routing ändert sich also nichts. Wähle pro Plattform ein primäres Muster.

iOS-Tab-Leiste (Navigation Footer)

Setz showNavFooter in Config.swift auf true und beschreibe drei bis fünf Tabs in FooterBar.json: ein Label (name), ein SF Symbol (sf_symbol) und die URL, die der Tab öffnet (redirection_link), dazu colour mit dark oder light für die ganze Leiste.

iOS-Sidebar

Setz enableSidebar auf true und füll Sidebar.json mit denselben Feldern. Ein schwebender Button öffnet ein natives Slide-Menü, praktisch, wenn du mehr Bereiche hast, als in eine Tab-Leiste passen. Die Sidebar funktioniert allein oder zusammen mit dem Footer (Sidebar-Doku).

Android-Bottom-Navigation

ENABLE_NAVIGATION_FOOTER in Config.java ergänzt eine Bottom-Navigation in Material 3. Einträge, Icons und Labels kommen aus res/menu/menu_drawer.xml; Google empfiehlt drei bis fünf Ziele auf oberster Ebene. Hell- und Dunkelmodus folgen automatisch dem System.

Android-Navigation-Drawer

ENABLE_NAVIGATION_DRAWER ergänzt einen schwebenden Menü-Button, der einen Material-Drawer öffnet, gesteuert von derselben Menüdatei. Bottom-Navigation und Drawer lassen sich kombinieren, zum Beispiel die Hauptbereiche unten und Einstellungen, Hilfe und rechtliche Seiten im Drawer.

Native Leiste, Web-Tab-Leiste oder Website-Menü?

Native Leiste (WebViewGold)Tab-Leiste in der Web-AppWebsite-Header mit Hamburger-Menü
Sieht aus wieDas System: SF Symbols auf iOS, Material 3 auf AndroidWas immer du gestaltest, passend zu deiner MarkeEine mobile Website
Wo du sie änderstFooterBar.json, Sidebar.json, menu_drawer.xml; kommt mit einem Store-UpdateIn deiner Web-App, live mit jedem DeployIn deiner Web-App
Home-Indikator und Safe AreaNativ gelöstBraucht Padding mit env(safe-area-inset-bottom)Oft vom Home-Indikator verdeckt
Was ein Tippen bewirktLädt die Tab-URL in der WebView (ein Seitenaufruf)Clientseitiger Routenwechsel; sofort, der Zustand bleibt erhaltenÖffnet erst ein Menü, dann die Seite
Am besten fürDrei bis fünf feste HauptbereicheBereiche, die sich oft ändern, Badges und ZählerNur die Website; in der App ausblenden

Häufig gestellte Fragen

Brauche ich eine native Tab-Leiste, um durch das App-Review zu kommen?

Kein einzelnes Feature ist Pflicht. Guideline 4.2 fragt, ob die App mehr bietet als eine neu verpackte Website, und 4.0, ob sie den Design-Konventionen von iOS folgt. Eine native Tab-Leiste ist für beides eines der deutlichsten Signale, besonders zusammen mit Push-Benachrichtigungen und einem ordentlichen Offline-Bildschirm, aber sie ersetzt keine mobilfreundliche Web-App.

Kann ich die Tabs ohne Store-Update ändern?

Bei der nativen Leiste nicht: FooterBar.json, Sidebar.json und menu_drawer.xml stecken im Build. Die Seiten hinter den Tab-URLs aktualisieren sich mit jedem Deploy. Ändern sich deine Bereiche oft, bau die Tab-Leiste stattdessen in deiner Web-App und zeig sie nur in der App.

Funktioniert die native Tab-Leiste mit Single-Page-Apps?

Ja. Jeder Tab lädt seine URL in der WebView, also muss dein Hosting jede Route mit der App beantworten (ein SPA-Fallback auf index.html) und dein Router beim direkten Aufruf den richtigen Bildschirm öffnen. Teste das, indem du eine Tab-URL in einen frischen Browser-Tab einfügst.

Drei Wege, deine App in die Stores zu bringen

Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.

Selbst machen

$109 pro Plattform, einmalig

Die WebViewGold-Lizenz: ein fertiges Xcode- oder Android-Studio-Projekt. URL einfügen, Name und Icon setzen, Features einschalten, bauen und einreichen. Kostenlose Updates für immer.

Pakete auf der Hauptseite ansehen

Full Service

$698 pro Plattform $798

Schick uns deine URL und dein Icon. Unser Team konfiguriert, baut und liefert deine App innerhalb von 72 Stunden, White-Label, inklusive Quellprojekten. Beide Plattformen für $1,158.

Full-Service-Details Powered by WeSetupYourWebViewApp

Winter-Sale-Preise gültig bis 31. Dezember 2026.

Bereit, deine App zu veröffentlichen?

App Store & Google Play Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen

Lieber abgeben? Full Service: Wir konfigurieren, bauen und liefern innerhalb von 72 Stunden, ab $698 pro Plattform. Fragen? Chatte mit uns – 24/7.

Erstattungen erfolgen zu den in unseren FAQ genannten Bedingungen: eine nicht inhaltsbedingte Ablehnung durch Apple und/oder Google, geltend gemacht innerhalb von 14 Tagen nach dem Kauf.