[Solved] Splash screen blank

Ionic Framework ionic-v3
61

Please try this

cordova platform rm android
cordova platform add https://github.com/apache/cordova-android.git#master

and after that in config.xml file write

62

Currently u can use

<preference name="loadUrlTimeoutValue" value="700000" />

to avoid application error.

63

How to avoid White Screen problem?

  1. Splash displayed.
  2. Keeps on displaying White Screen :frowning:
1 Like
64

Sry Ankit …

I tried with the previous vession too. You dont need to update the cordova to master.

add these to your config.xml.
<preference name="loadUrlTimeoutValue" value="60000" />
<preference name="AutoHideSplashScreen" value="false" />

if still you are facing issue then please share your config file.

1 Like
65

Thanks! ‘loadUrlTimeoutValue’ worked!

66

Hi pankajsoni, the white screen between the splash screen and main page is disappeared but It will take 17 sec to load then see the main page. I use the following command “ionic start testApp tutorial --v2”. why does it take so long to load? did I miss something to add?

1 Like
67

Hi

Currently there is no fix as of now.
Once lazy loading comes into picture then it will solve the same problem.

68

hello, how do you fix the license Google Repository, SDK Patch Applier v1 ??? i have the same error …

69

This worked for me:
mv platforms/android/res/{values,xml} res
rm -rf platforms/android/res
cp -r res platforms/android
ionic build android

70

weird that it does that by default. This is the exact issue I was encountering

71

Most of the solutions here don’t really solve my but this …

`
ionic platform remove android
ionic platform add android

ionic resources android
ionic build android

and
config.xml have this:

preference name=“SplashMaintainAspectRatio” value=“true”/>
preference name=“FadeSplashScreenDuration” value=“300”/>
preference name=“SplashScreen” value=“screen”/>
preference name=“AutoHideSplashScreen” value=“false”/>

plugin name=“cordova-plugin-splashscreen” spec="~4.0.1"/>

and

app.component.ts

platform.ready().then(() => {
…
this.hideSplashScreen();

});

hideSplashScreen() {
if (Splashscreen) {
setTimeout(() => {
Splashscreen.hide();
}, 100);
}
}
`

72

Thanks it work perfectly…

73

thanks, this work for me…
i used newer version

74

@pankaj: I am also getting same issue taking long time to load main screen after splash. Can you please help me asap.

75

Did you find any solution? I’m getting delay of 1 minute before my main page loads. Badly Stuck.

77

You should open new topic instead of posting in this old thread. Nobody will reply to your unrelated questions here.

78

Hi anjana11, yes I do have. I just upgraded ionic version.

79

I am facing a problem :

My splash Screen is not fitting the screen.
Size of splash is 2208 px* 2208 px.

In the splash screen I have embeded some text on the left of the image but when I run it on my device it is not showing me full splash img.

80

After many hours and different tries, this worked for me, thank you very much!

I did it along with below code from @reedrichards

<preference name="SplashScreenDelay" value="2000"/>
<preference name="FadeSplashScreenDuration" value="2000"/>
<preference name="SplashScreen" value="screen"/>
<preference name="ShowSplashScreenSpinner" value="false"/>
<preference name="AutoHideSplashScreen" value="false" />
1 Like
81

me funciono el metodo, gracias

1 Like