Optimizar «Splash Screen» ionic3

por | Ago 6, 2018 | angular, ionic, javascript | 0 Comentarios

Últimamente he estado desarrollando una aplicación con ionic 3  , después de tratar con angular a nivel web , usar ionic resulta relativamente sencillo si quieres pasar tu app a mobile.

El tema es que todo va de maravilla hasta que te encuentras con los primeros problemas a solucionar ( como siempre ) , esta vez se trataba de la imagen de presentación que ionic nos ofrece mediante el plugin Splashscreen.

La imagen se mostraba y ocultaba bien pero dejaba un letargo de 3 segundos donde solo se ve un pantallazo en blanco hasta que se muestra la primera vista de mi app.

Esto que decir que no me gustaba nada y así que me puse a investigar por la red posibles soluciones.

Encontré una en la que cambiando algunas configuraciones referentes al SplashSreeen en el config.xml conseguimos que la imagen no se auto oculte antes de que la aplicación muestre su primera vista , ademas de algún efecto mas de «fade out» al salir.

Ahora si quedaba perfecta nuestra bienvenida, la pantalla de presentación se muestra y después se oculta justo antes de ver la cargarse la UI.

La configuración que he usado y  a mi me va perfecta es esta , no dudéis en trastear y probar posibles configuraciones que se ajusten mas a tu aplicación:

config.xml:

Espero que a los que tengáis problemas parecidos esto os ayude como hizo conmigo.

Un saludo.

J.Rafael Simarro

J.Rafael Simarro

Desarrollador WordPress , entusiasta de la tecnología y todo lo relacionado con el diseño web. Últimamente muy enfocado en el tema Divi como primera herramienta de diseño , he probado muchas y Divi se lleva la palma.

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies
Share This
Abrir chat
Hola soy Rafa.
¿En que puedo ayudarte?
Powered by