Natives Feature
Header unter der Dynamic Island und Tab-Leisten unter dem Home-Indikator sind die klassische Design-Ablehnung. Guides pro Tool mit den Einstellungen, dem CSS und den Statusleisten-Aufrufen für deinen Stack.
Ab $109 einmalig pro Plattform, oder unser Team erledigt alles ab $698.
Auf iOS ist autoAdjustSafeAreaInsets eingeschaltet, also beginnt die WebView unterhalb von Statusleiste, Notch oder Dynamic Island. Die Leiste übernimmt statusBarBackgroundColor und statusBarTextColor (weiß oder schwarz), mit darkModeStatusBarBackgroundColor und darkModeStatusBarTextColor für den Dunkelmodus. Auf Android kommt die Farbe aus colorPrimaryDark in style.xml und die Textfarbe aus blackStatusBarText.
Für ein randloses Hero-Bild, eine Karte oder ein Video setzt du auf iOS transparentStatusBar auf true und autoAdjustSafeAreaInsets auf false, auf Android TRANSPARENT_STATUS_BAR. Ab dann kümmert sich dein CSS um die Insets: viewport-fit=cover plus env(safe-area-inset-*) an jedem fixierten Element.
In CSS gebaute Leisten am unteren Rand sitzen oft unter dem Home-Indikator des iPhones. Gib ihnen Padding mit env(safe-area-inset-bottom) oder lass WebViewGold mit bottombar und bottombarBackgroundColor einen nativen Streifen unter der Seite ergänzen (iPadBottombar für iPads, Safe-Area-Doku).
Google Play verlangt inzwischen, dass neue Apps und Updates auf Android 16 (API-Level 36) zielen, wo Apps Edge-to-Edge nicht mehr abwählen können: Das Fenster reicht hinter Status- und Navigationsleiste, und die App muss die Insets selbst behandeln. Das WebViewGold-Template hält mit diesen Plattformänderungen Schritt (Updates sind kostenlos), also bau aus der aktuellen Version und teste den Bereich der Gestenleiste auf einem echten Smartphone.
| Symptom | iOS (Config.swift) | Android (Config.java, style.xml) | Aus deiner Web-App |
|---|---|---|---|
| Header unter Notch oder Dynamic Island verborgen | autoAdjustSafeAreaInsets eingeschaltet lassen (Standard) | TRANSPARENT_STATUS_BAR ausgeschaltet lassen | Nur bei Edge-to-Edge: padding-top: env(safe-area-inset-top) |
| Weiße Statusleiste über einem dunklen Header | statusBarBackgroundColor = Header-Farbe | colorPrimaryDark = Header-Farbe | statusbarcolor://R,G,B pro Seite |
| Uhrzeit und Akku im Dunkelmodus unlesbar | darkModeStatusBarBackgroundColor, darkModeStatusBarTextColor | blackStatusBarText; statusbartextcolor://white zur Laufzeit | prefers-color-scheme; auf Android zusätzlich die injizierte Variable isDarkMode |
| Tab-Leiste unter Home-Indikator oder Gestenleiste | bottombar + bottombarBackgroundColor | Farbe der Navigationsleiste über bottombarcolor://, Text über navbartextcolor:// | padding-bottom: env(safe-area-inset-bottom) |
| Vollbild-Video, Spiel oder Fotobetrachter | hidebars://on: Der Hintergrund der Statusleiste wird transparent, die Uhrzeit bleibt | hidebars://on: Status- und Navigationsleiste verschwinden; ein Wischen von oben holt sie zurück | hidebars://off, wenn der Nutzer den Bildschirm verlässt |
Ja, standardmäßig. Auf iOS hält autoAdjustSafeAreaInsets die Seite auf jeder Geräteform unterhalb der Statusleiste, und die Leiste zeigt die Farbe, die du konfiguriert hast. Um Insets in CSS kümmerst du dich nur, wenn du bewusst auf eine transparente Statusleiste umstellst.
Ja. Navigiere per JavaScript zu statusbarcolor://R,G,B (zum Beispiel statusbarcolor://15,23,42), und WebViewGold färbt die Statusleiste neu, wählt weißen oder schwarzen Text und passt die iOS-Bottom-Bar oder die Android-Navigationsleiste an. statusbartextcolor://white oder statusbartextcolor://black legt die Textfarbe explizit fest.
Entweder fehlt im Viewport-Meta-Tag viewport-fit=cover, oder WebViewGold platziert die Seite noch innerhalb der Safe Area (der Standard); dann ist 0 korrekt, und nichts überlappt. Mit eingeschaltetem transparentStatusBar und ausgeschaltetem autoAdjustSafeAreaInsets werden die Werte real.
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
$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$349 pro Lizenz, einmaliges Add-on
Kein Mac, kein Xcode, kein Android Studio: Du konfigurierst im Browser, wir bauen beide Apps in der Cloud und übergeben sie an App Store Connect und die Play Console.
So funktioniert der Cloud Builder Kostenlose Demo ausprobieren$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
Winter-Sale-Preise gültig bis 31. Dezember 2026.
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.
