White page showing after splash screen before app load

ionic-v1
22

@Mishi, @gastonbesada,
After following your suggestions and rebuild app, the issue still remains. I am build the app for android

my ionic info is :
OS: Windows 7 SP1
Node Version: v0.12.0
Cordova CLI: 5.0.0
Ionic Version: 1.0.0-rc.5
Ionic CLI Version: 1.3.22

23

I solved the issue by keeping additional

<preference name="SplashScreenDelay" value="10000"/>

in confix.xml

Is this solution is correct

24

Here is my preference values

<preference name="webviewbounce" value="false"/>
  <preference name="UIWebViewBounce" value="false"/>
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="BackupWebStorage" value="none"/>
  <preference name="AutoHideSplashScreen" value="false"/>
  <preference name="ShowSplashScreenSpinner" value="false"/>

And try below code in yoiu app.js in .run function

if(navigator.splashscreen){
                        setTimeout(function () {
                            navigator.splashscreen.hide();
                        }, 100);
                }
1 Like
25

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 !

6 Likes
26

This is work for me! You are save my day :smile:

28

This fix worked for me! Thanks @gastonbesada

29

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

30

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
31

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

32

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.

33

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.

34

I will implement this solution in App

35

Yup, This solves the problem!!

36

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!

37

This worked perfectly for me!

38

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

39

not really wroking for meā€¦tried all the thingā€¦unfortunately stopper workingā€¦

40

White page showing after splash screen before app load

ionic 2 . typescript. Please help

3 Likes
41

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.

42

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

Thanks