Ionic 2- Prevent landing screen turn into white after SpalshScreen

If your seeing a while flash before the app is loaded, you may move the splash screen hiding function into the controller that runs first.

Install cordova Splash Screen plugin and Ionic native wrapper
$ ionic plugin add --save cordova-plugin-splashscreen
$ npm install --save @ionic-native/splash-screen


This plugin displays and hides a splash screen during application launch. The methods below allows showing and hiding the splashscreen after the app has loaded.

Replace default Splash Screen configuration in config.xml
<preference name=”ShowSplashScreenSpinner” value=”false” />
<preference name=”SplashScreen” value=”screen”/>
<preference name=”AutoHideSplashScreen” value=”false” />
<preference name=”SplashScreenDelay” value=”10000" />
<preference name=”FadeSplashScreen” value=”true” />
<preference name=”FadeSplashScreenDuration” value=”1.0" />
In your app.component.ts set timeout for hiding Splash Screen
initializeApp() {
this.platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.

setTimeout(() => {
}, 500);
We’re done, remove your platform and add it again. It’ll do the necessary :)
ionic platform remove <platform>
ionic platform add <platform>
One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.