2 second long gray loading screen


Hello guys,

When I open up my app built on Ionic (cordova), I found all of them have one to two second long gray loading page before it starts splash screen.
Is there a way to remove this gray screen? have you guys seen this gray loading screen on your app?


This happens because we hide splash screen as soon as platform is ready (in our app.component.ts). I think ionic takes time to load ‘rootPage’ even after platform is ready. I solved this using this blog post. It works for ionic 3 as well.


Thanks, I will check out the blog. I think all Ionic apps come with this problem… I see a short gray loading screen in all apps I built so far.


I have no idea…

I applied the setting in blog and it still shows me gray page for 2 seconds.

I did my best to get rid of white splash screen error and now it has disappeared from my app.
When I apply the setting in blog, it brings back normal Ionic splash screen… so I reverted back to where it was.
Here’s my current config.xml.

<preference name="ScrollEnabled" value="false" />
<preference name="android-minSdkVersion" value="16" />
<preference name="BackupWebStorage" value="none" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="0" />
<preference name="ShowSplashScreen" value="false" />

Is there a way to completely remove that gray screen from this setting?

I built my apk using

ionic cordova build android --release --prod

which completely eliminates white splash screen problem. So now if I manage to remove gray screen which shows up, my app will perfectly go to an animated HTML loading page when it starts.