Este artículo va dirigido a personas que desarrollan bajo ionic 2.
Si eres uno de ellos seguro que te has enfrentado al problema de retraso de arranque.
Aparece la imagen del Splashscreen y se quita quedando una imagen blanca hasta que arranca tu aplicación.
Previo a lo que se comenta a continuación se supone que se tienes en marcha un desarrollo bajo ionic.
Para realizar este proceso habrá que realizar 3 sencillos pasos:
1.- Cargar el siguiente plugin:
cordova plugin add cordova-plugin-splashscreen
2.- Cambiar el fichero config.xml cambiando las siguientes líneas:
<preference name="SplashScreen" value="screen"/> <preference name="SplashScreenDelay" value="25000"/> <preference name="AutoHideScreenDelay" value="false"/> <preference name="ShowSplashScreenSpinner" value="true"/> <preference name="FadeSplashScreen" value="false"/> <feature name="SplashScreen"> <param name="ios-package" value="CDVSplashScreen"/> <param name="android-package" value="org.apache.cordova.splashscreen.Splashscreen"/> <param name="onload" value="false"/> </feature>
Con esta configuración dejamos que la pantalla no se oculte automáticamente y podamos controlarla nosotros como se explica en el siguiente punto.
3.- En el método initializeApp de app.component.ts:
Incluir primeramente la llamada al método HideScreen que deberemos de programar.
initializeApp() { this.platform.ready().then(() => { this.hideSplashScreen(); ......... ........ }
Incluir el siguiente método:
hideSplashScreen() { console.log('Hola'+Splashscreen) if (Splashscreen) { setTimeout(() => { Splashscreen.hide(); }, 100); } }
Con estos sencillos pasos te permanecerá la ventana de inicio hasta el momento que se haya cargado toda la aplicación y se inicie el interfaz.