Fix PhoneGap Shows Black Screen after Splash

In order to test how an ObjectHub Micro App can be packaged as a PhoneGap application, I used PhoneGap Build to package up a simple application.

Unfortunately, the application that I developed started off with a big, ugly black screen instead of a splash screen.

It took me quite some digging around to find out what was going on there. So here I have collected some potential solutions for the problem.

  • Do the src attributes in the splash elements point to valid files?
  • Are you using PhoneGap Build? In that case, follow the instructions on the PhoneGap Build documentation.
  • Did you include the following in your config.xml:
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="50000" />

  • You can try this workaround to have your app load quicker.
  • You can try to manually handle the splash screen lifecyle as shown here.

Further Links


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s