Phonegap iPad App Splash / Launch Screen Shifts on deviceReady

Question

I have an iPad application (landscape orientation only) created using HTML / JS / CSS + Phonegap; everything works as expected, however I ran into a problem with the Splash / Launch screen.

When the application loads, the correct Splash / Launch screen (the correct size and name, etc.) is displayed, however, as soon as the application reaches the DeviceReady state and hides the Splash / Launch screen, it shifts about 20 pixels and shows a white bar at the bottom right before he is hidden.

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

Thanks!

Answer 1

For those who work in the same problem; it turns out that this is actually part of how Phonegap works. After the initial start-up image is displayed and right before the device starts filling up, Phonegap shifts the UIWebView to 20 pixels. A workaround is to create a startup image with a full screen pixel size and ignore the warning in Xcode.

I placed several applications in the iTunes store without any problems.

Hope this helps someone!

Answer 2

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

I just updated the project that I have and it works.

Answer 3

Our image is 1024x768, and we still see a pixel shift. 1024x768 is not the full screen pixel size? I am checking the Apple hardware specification, and he said that it is. Have you tried anything else that worked?

Thanks Adam

Answer 4

I also had this problem, and in my case, the problem was caused by complying with Apple's own specifications.

I am sure that Apple indicates that the file should be 1004 by 768, so if you thoughtlessly worked on your specifications, do not think that you will not have any problems.

If you create a PhoneGap application, you will have to dance to Phonegap music. So, Adam Robertson, did you really double check that you have the right image size?

If you have one, here is another possible reason / solution:

Try setting the "status line initially hidden" parameter in the plist project file (not phonegap.plist or cordova.plist, but with the name of your project) to True. Thus, an image of size 1024 frames will fully receive light per day, and Phonegap will not feel that it should pump it.

If the image really has a size of 1024x768, this should prevent the cordova from trying to manipulate the image. If you still have problems, try setting different values ​​for the “status bar style” in the same plist file. Some of them are transparent, others are opaque: perhaps they also have an effect.