2 second long gray loading screen


#1

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?


#2

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.


#3

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.


#4

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.

Thanks,