Ionic splash sreen delay and white screen after splash

Ionic Framework ionic-v3
1

hello, i set my splash screen to these values but it is not working for a duration of 3 seconds, how can i fix it, thank you code is here

2

Here you find many threads discussing that topic:
https://forum.ionicframework.com/search?q=splash%20screen%20category%3A18

Try:
<preference name="SplashScreenDelay" value="30000" />

Found here:

3

when i set it to value=30000 the splash screen delays for 30 seconds yet i need it for 3 sconds, and when i set it to value=300 it also takes a long time. how to fix that

4

The white splash screen appears because your app is not ready yet. You can dismiss the splash screen after 3 seconds but have to live with that white screen. Another way is to show the splash screen for as long as possible (doesn’t matter if the time is set to 30 seconds or 30 hours) and in your app component hide the splash screen as soon as the platform is ready.

If you build for production, the splash screen should hide a litte faster, because the performance is better (ionic cordova build android --prod --release or ionic cordova build ios --prod).

1 Like
5

Replace in config.xml

<preference name="FadeSplashScreenDuration" value="800" />
<preference name="SplashScreenDelay" value="3000" />
1 Like
6

try to build with --prod flag

1 Like
7

It worked for me an white space got away
– prod

8

Adding the worked for my project.

Not adding that and just trying the --prod flag on build didn’t work.

9

I have the same issue.
Changed my config.xml but no luck.

Edit:
I think this is due to the InAppBrowser plugin I am using. Its not a problem on some other apps.

<?xml version='1.0' encoding='utf-8'?>
  <widget version="1.1.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <access origin="*" />
  <preference name="FadeSplashScreenDuration" value="30000" />
  <preference name="SplashScreenDelay" value="30000" />
  <preference name="AutoHideSplashScreen" value="false"/>

  <feature name="InAppBrowser">
    <param name="android-package" value="org.apache.cordova.inappbrowser.InAppBrowser"/>
  </feature>

  </widget>