Saltar al contenido
WebViewGold Del vibe coding a la App Store
Español
Consigue WebViewGold

Función nativa

Pantalla splash e indicador de carga para apps de vibe coding

La app nativa se abre al instante, tu app web necesita un momento. Guías por herramienta sobre arranques en frío, renderizado de single-page apps y los ajustes que disimulan esa espera.

Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.

  • Garantía de aprobación – o te devolvemos el dinero en 14 días
  • Sin programar
  • Pago único, actualizaciones gratuitas
  • Soporte humano 24/7
  • Hecho en Alemania desde 2014 · ISO 27001

De dónde sale el destello blanco

La primera petición

La app arranca en milisegundos, pero el primer HTML, CSS y JavaScript todavía tienen que llegar por la red. Con un servidor en frío (hosting que escala a cero) o una conexión débil, eso tarda segundos. Sin splash, usuarios y revisores se quedan mirando un WebView vacío.

La single-page app vacía

La mayoría de las apps de vibe coding son single-page apps de React. Cuando la página "ha terminado de cargar", el elemento raíz todavía puede estar vacío hasta que JavaScript renderiza y llegan los primeros datos. Si la splash desaparece justo en ese momento, ves un fotograma en blanco.

Colores que no coinciden

Una app oscura detrás de un fondo de splash blanco, o un fondo de página blanco bajo una cabecera oscura, provoca un destello en cada arranque. Un único color de fondo compartido por la splash, el HTML y la barra de estado lo elimina.

Configura una splash que cubra toda la primera carga

Diez minutos en Config.swift y Config.java, y luego una nueva compilación.

  1. Activa la splash y añade tu imagen

    iOS: splashScreenEnabled en Config.swift y tu splash.gif cuadrado (128, 512 o 1024 px) en la raíz del proyecto. Android: SPLASH_SCREEN_ACTIVATED en Config.java y splash.gif en los assets. Los GIF animados funcionan; mantén la animación corta.

  2. Iguala el color de fondo

    Ajusta splashscreencolor en iOS y el fondo de la splash en colors.xml en Android exactamente al color de fondo de tu primera pantalla. Controla el tamaño del logo con scaleSplashImage y SCALE_SPLASH_IMAGE (porcentaje del lado más corto de la pantalla; 0 lo oculta).

  3. Mantenla hasta que la página esté lista

    Pon remainSplashOption (iOS) y REMAIN_SPLASH_OPTION (Android) en true: la splash se queda hasta que la URL de inicio ha cargado, en lugar de dar paso al indicador de carga tras un splashTimeout / SPLASH_TIMEOUT fijo. Opcional: splashMinTime / SPLASH_MIN_TIME para una duración mínima y splashFadeTime / SPLASH_FADE_OUT para el fundido de salida, en milisegundos.

  4. Dale estilo al indicador de carga de las cargas posteriores

    Después del arranque, WebViewGold muestra su indicador nativo cada vez que se carga una página. En iOS elige entre spinner o barra de progreso (useLoadingSign, useLoadingProgressBar) y un color (loadingIndicatorColor); en Android cámbialo con ACTIVATE_PROGRESS_BAR.

  5. Pinta el primer fotograma en tu app web

    Dale al elemento html un color de fondo inline en index.html igual al color de la splash, y renderiza un esqueleto de carga ligero en lugar de una raíz vacía mientras se comprueba la sesión y se cargan los primeros datos. Así, el paso de la splash a la app web es imperceptible.

Preguntas frecuentes

¿La App Store exige una pantalla splash?

Apple exige una launch screen, que el proyecto iOS de WebViewGold ya incluye. La splash con tu marca que va encima es opcional, pero en una app que carga una app web es la forma práctica de evitar una pantalla blanca mientras se carga la primera página.

¿Cuánto tiempo debe durar la splash?

Lo que tarde en cargar la primera página y ni un momento más. remainSplashOption (iOS) y REMAIN_SPLASH_OPTION (Android) hacen exactamente eso; añade un tiempo mínimo de alrededor de un segundo solo si una carga muy rápida hace que el logo parpadee.

¿Por qué sigo viendo un fotograma blanco después de la splash?

La página ha cargado, pero tu single-page app todavía no ha renderizado, o su fondo es distinto del color de la splash. Pon un color de fondo inline en el elemento html, renderiza un esqueleto de carga de inmediato y mantén idéntico el color de la splash.

Tres formas de llevar tu app a las tiendas

El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.

Hazlo tú mismo

$109 por plataforma, pago único

La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.

Ver planes en la página principal

Full Service

$698 por plataforma $798

Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.

Detalles del Full Service Con tecnología de WeSetupYourWebViewApp

Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.

¿Listo para lanzar tu app?

Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días

¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.

Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.