Phonegap iPad App Splash / Launch Screen Shifts on deviceReady

Question

I have an iPad Application (landscape orientation only) created with HTML/JS/CSS + Phonegap; everything works as expected however I've run into a problem with the Splash / Launch Screen.

When the Application loads, the correct Splash / Launch Screen is shown (correct size and naming etc.), however once the application reaches deviceReady state and hides the Splash / Launch Screen, it shifts up about 20px and shows a white bar along the bottom right before it is hidden.

Does anyone know what is happening and / or how to fix it?

Thank you!

Answer 1

For anyone running into this same problem; turns out that this is actually part of how Phonegap works. After the initial launch image is displayed and right before the deviceReady State kicks in, Phonegap shifts the UIWebView up 20px. The workaround is to create the launch image at the full pixel size of the screen and disregard the warning in Xcode.

I've posted several apps to the iTunes store this way without any problems.

I hope this helps someone!

Answer 2

this has been fixed with the version 1.7.0 here the commit: http://git-wip-us.apache.org/repos/asf?p=incubator-cordova-ios.git;a=commit;h=73620e43

i have just upgraded a project i have and it works.