Phonegap – Fixed white screen flash after launch

One of my recent project is building a Phonegap iOS app , just want to share one of the tips that I pick up today.

When you didn’t set any launch image and having a background image / colour on your main html , you might see this problem  before, once you launch the app there is a white screen flashing before showing your app.

The simple solution for this is just add a launch image which suit your background colour , example for  my case , it is a black colour background app , so I created 3 launch image which is black colour with the respective resolution. clean the app and rebuild, there should be no more white screen flashing.

launch images

Other than this you can set “AutoHideSplashScreen” to False and add below code to deviceready event, this will nicely hide the launch image and show your app smoothly.

setTimeout(function() {navigator.splashscreen.hide();}, 1000);

Share it with your friends, thanks !
Share on FacebookTweet about this on TwitterShare on Google+Share on TumblrBuffer this pagePin on PinterestEmail this to someone

You may also like...

  • Where did you place the black launch images? Could you please give me more details? I am using PhoneGap 2.5 and jQueryMobile 1.3. Thanks

    • Hi ,
      i place it in the xcode, click on the app you build on the left menu and on the right should show lots of setting, find the launch image setting