White page showing after splash screen before app load

This fix worked for me! Thanks @gastonbesada

would it also be possible to hide the splash screen after the first view has completely rendered? that would be extra sweet

Continuing the discussion from White page showing after splash screen before app load:

Hi ! Try to use this code below

$ionicPlatform.ready(function() {
    setTimeout(function() {
        $cordovaSplashscreen.hide();
    }, 500);
}

And in the config.xml, I use this:

<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 my app works good this !

Good Luck !

Update! This code run Android and iOS, and same issue with iOS8 is fix

 setTimeout(function() {
        if (device.platform == "Android") {
            $cordovaSplashscreen.hide();
        }
        if (device.platform == "iPhone" || device.platform == "iOS") {
            navigator.splashscreen.hide();
        }
    }, 500);
2 Likes

From what I could test, navigator.splashscreen.hide(); has no effect whatsoever and only actually does something for me, which is a shame.

Here is my solution:

Build the app for iOS then run the app on your phone and look in the Xcode console for any messages relating to missing images, so for example my console said:

WARNING: The splashscreen image named LaunchImage-568h was not found

So I added that image named LaunchImage-568h@2x.png into the Resources/splash folder in Xcode.

Hi, could you explain this issue: http://forum.ionicframework.com/t/exit-does-not-close-app-completely-in-kitkat-android/32359. After use ionic.Platorm.exitApp() in Android and then reopen app, the splashscreen is not working, but white screen.

I will implement this solution in App

Yup, This solves the problem!!

I was following this article:
http://learn.ionicframework.com/formulas/splash-screen/
But still have the issue.

The parameters does not seem to be picked up from settings.xml or default.xml

My solution was to install $cordovaSplashscreen like in the article,
but doing a :

$cordovaSplashscreen.show();

The earliest I could in the app.run/ready function

I then do a $cordovaSplashscreen.hide() with a setTimeOut whenver my business logic is ready

Thanks!

This worked perfectly for me!

I simply remove ngStorage, and every place where $localStorage is used.
Lesson learned, check your installed packages, not all works on real phone.

not really wroking for me…tried all the thing…unfortunately stopper working…

White page showing after splash screen before app load

ionic 2 . typescript. Please help

3 Likes

It’s usually a JS error during the loading of the page.

Try to open it with debug mode either on iOS Safari or Chrome inspect, reload the app, and look for errors.
Otherwise you can debug it with Eclipse inspector or Xcode to see where your error is.

Hello JC_CAP. It is working well on web, but not on the mobile device. Please help.

Thanks

Solution for display white screen after splashscreen by adding --prod before ionic build android…

I’ve solved this problem using the meta:

<meta http-equiv=“Content-Security-Policy” content=“default-src * gap://ready file:; style-src ‘self’ ‘unsafe-inline’; script-src * ‘unsafe-inline’ ‘unsafe-eval’”>

Bye…



These things in config.xml works for me too

Try changing “SplashScreen” value= to "screen"
like the code bellow:

Before changing:
<preference name="SplashScreen" value="splash" />

After changing:
<preference name="SplashScreen" value="screen" />

update your config.xml file with latest config.xml from latest demo app of ionic.