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

Natives Feature

Splash-Screen und Ladeanzeige für Vibe-Coding-Apps

Die native App öffnet sich sofort, deine Web-App braucht einen Moment. Guides pro Tool zu Kaltstarts, zum Rendering von Single-Page-Apps und zu den Einstellungen, die die Lücke verbergen.

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

Woher das weiße Aufblitzen kommt

Die erste Anfrage

Die App startet in Millisekunden, aber das erste HTML, CSS und JavaScript muss trotzdem erst über das Netz kommen. Bei einem kalten Server (Hosting mit Scale-to-Zero) oder einer schwachen Verbindung dauert das Sekunden. Ohne Splash schauen Nutzer und Reviewer auf eine leere WebView.

Die leere Single-Page-App

Die meisten Vibe-Coding-Apps sind React-Single-Page-Apps. Wenn die Seite „fertig geladen“ ist, kann das Root-Element noch leer sein, bis JavaScript rendert und die ersten Daten ankommen. Verschwindet der Splash genau dann, siehst du einen leeren Frame.

Unpassende Farben

Eine dunkle App hinter einem weißen Splash-Hintergrund oder ein weißer Seitenhintergrund unter einem dunklen Header blitzt bei jedem Start auf. Eine gemeinsame Hintergrundfarbe für Splash, HTML und Statusleiste beseitigt das.

Einen Splash einrichten, der den ganzen ersten Ladevorgang abdeckt

Zehn Minuten in Config.swift und Config.java, dann ein neuer Build.

  1. Splash aktivieren und Bild hinzufügen

    iOS: splashScreenEnabled in Config.swift und dein quadratisches splash.gif (128, 512 oder 1024 px) im Projekt-Root. Android: SPLASH_SCREEN_ACTIVATED in Config.java und splash.gif in den Assets. Animierte GIFs funktionieren; halte die Animation kurz.

  2. Die Hintergrundfarbe angleichen

    Setz splashscreencolor auf iOS und den Splash-Hintergrund in colors.xml auf Android auf genau die Hintergrundfarbe deines ersten Bildschirms. Die Logogröße steuerst du mit scaleSplashImage und SCALE_SPLASH_IMAGE (Prozent der kürzeren Bildschirmseite; 0 blendet das Logo aus).

  3. Den Splash stehen lassen, bis die Seite bereit ist

    Setz remainSplashOption (iOS) und REMAIN_SPLASH_OPTION (Android) auf true: Der Splash bleibt, bis die Start-URL geladen ist, statt nach einem festen splashTimeout / SPLASH_TIMEOUT der Ladeanzeige Platz zu machen. Optional: splashMinTime / SPLASH_MIN_TIME für eine Mindestdauer und splashFadeTime / SPLASH_FADE_OUT für das Ausblenden, jeweils in Millisekunden.

  4. Die Ladeanzeige für spätere Seitenaufrufe gestalten

    Nach dem Start zeigt WebViewGold bei jedem Seitenaufruf seine native Anzeige. Auf iOS wählst du Spinner oder Fortschrittsbalken (useLoadingSign, useLoadingProgressBar) und eine Farbe (loadingIndicatorColor); auf Android schaltest du sie mit ACTIVATE_PROGRESS_BAR um.

  5. Den ersten Frame in deiner Web-App zeichnen

    Gib dem html-Element in der index.html eine Inline-Hintergrundfarbe, die der Splash-Farbe entspricht, und render ein leichtes Skeleton statt eines leeren Roots, während Session-Prüfung und erster Datenabruf laufen. Dann ist die Übergabe vom Splash zur Web-App nahtlos.

Häufig gestellte Fragen

Ist ein Splash-Screen für den App Store Pflicht?

Apple verlangt einen Launch Screen, und den bringt das iOS-Projekt von WebViewGold bereits mit. Der gebrandete Splash darüber ist optional, aber für eine App, die eine Web-App lädt, ist er der praktische Weg, einen weißen Bildschirm zu vermeiden, während die erste Seite lädt.

Wie lange sollte der Splash bleiben?

So lange, wie die erste Seite zum Laden braucht, und nicht länger. Genau das machen remainSplashOption (iOS) und REMAIN_SPLASH_OPTION (Android); eine Mindestdauer von etwa einer Sekunde lohnt sich nur, wenn das Logo bei sehr schnellem Laden flackert.

Warum sehe ich nach dem Splash trotzdem einen weißen Frame?

Die Seite ist geladen, aber deine Single-Page-App hat noch nicht gerendert, oder ihr Hintergrund weicht von der Splash-Farbe ab. Setz eine Inline-Hintergrundfarbe auf das html-Element, render sofort ein Skeleton und halte die Splash-Farbe identisch.

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.