I see the posts on StackOverflow talking about how to include an additional splash screen image of 640x1136 and naming it Default-568h@2x.png. Here is a link to the post I am referring to:
http://stackoverflow.com/questions/12...
I made a splash screen of this name and dimensions, and also included this line in my config.xml:
<gap:splash src="images/Default-568h@2x.png" gap:platform="ios" width="640" height="1136"/>
But the resulting app still shows the black bars on iPhone 5. Has anyone successfully resolved this using PhoneGap 2.0.0? Or is this something that is coming with 2.1?
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
Posted 8 years ago
- 1941 Posts
- 89 Reply Likes
This issue stems from the fact that we do not yet handle iPhone 5 splash screens.
I've logged and issue, hopefully we can have this resolved soon.
Here is the tracked issue:
https://github.com/phonegap/build/iss...
Hardeep Shoker
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
In case it helps, here are a few things I have tried... I created a version of my splash screen that is 640x1136 and tried to reference it in config.xml using the element shown in my original post. That didn't work. Then I also put a copy of that image in the root of my www directory and that didn't work either. I don't know what specific detail has to happen from here, but perhaps this helps.
I'll watch this thread on GetSatisfaction - is this where I should be watching for an update on this? Or should I follow this on the github issue?
- 18 Posts
- 0 Reply Likes
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
- 18 Posts
- 0 Reply Likes
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
- 157 Posts
- 5 Reply Likes
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
- 18 Posts
- 0 Reply Likes
I have tried the solution of including a Default-568h@2x.png in the root of the www folder but still doesn't solve the issue. Am I supposed to put that somewhere else? or maybe reference it with a link tag? I do not know of a way to deploy my app with a config.xml when using the command line tools. Is that even possible?
- 18 Posts
- 0 Reply Likes
For all those that don't like to use xCode for any stage in development and just use the phonegap command line tools to build and run your app;
Unfortunately, just adding the Default-568h@2x.png to the root of www won't solve the issue. You will have to open the built project in xCode (after using the ./create command from phonegap command line tools) and manually set the splash screen of iphone-4inch in the build settings of your target under 'Launch Images'. Then save your project and re run the cordova/debug and cordova/emulate commands from your built project.
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
1) Including all these big .png files makes BlackBerry builds fail due to a size restriction that they imposed in 1997 and have never modified. The contents of the www directory can only be something like 2 MB because all programs will always be less than 2 MB. (Sorry for the saracasm, I just long for the day that a BB device is only a museum piece...)
2) Including a file with a name that includes the @ character breaks BlackBerry builds. (Again, longing....)
So whenever the PGBuild team gets around to dealing with this issue, we are hoping that these tricky aspects can be dealt with under the hood, probably by stripping out that file when a BlackBerry build is made.
- 18 Posts
- 0 Reply Likes
Anyway, yes we need this resolved for the phonegap build asap.
- 9 Posts
- 0 Reply Likes
Is there a solution yet for this issue in iPhone5. Mentioning PhoneGap version as 2.1 fails all builds in PhoneGap Build.
Is there a solution without using PhoneGap build?
- 18 Posts
- 0 Reply Likes
- 1941 Posts
- 89 Reply Likes
I just spoke with Andrew today 2.1.0 should work for iOS. There may be a few quirks/bugs here and there.
Can you give the builds another shot, let me know if something breaks for you and we will address the issue for you.
Please note that the new splash screens are still not supported.
That issue is being tracked here: https://github.com/phonegap/build/iss...
Hardeep Shoker
- 10 Posts
- 0 Reply Likes
Thanks,
Austin
- 10 Posts
- 0 Reply Likes
- 6 Posts
- 0 Reply Likes
My app is in review with Apple. I am thinking may be I can quickly fix and upload another binary before they reject.
- 10 Posts
- 0 Reply Likes
- 10 Posts
- 0 Reply Likes
Thanks!
- 13 Posts
- 0 Reply Likes
- 1 Post
- 0 Reply Likes
- 10 Posts
- 0 Reply Likes
The solution he found for WebApps was this: "As weird as it sounds, you need to forget about the viewport with width=device-width or width=320. If you don’t provide a viewport, it will work properly. "
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
{meta name="viewport" content="width=320.1"}
and I am asking one of our testers to try it out with the iPhone 5 (I am still using a 4S myself...). I will report back either way with the test results.
- 10 Posts
- 0 Reply Likes
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
{meta name="viewport" content="user-scalable=no, width=320, height=548"}
and that didn't work either.
- 2 Posts
- 0 Reply Likes
- 10 Posts
- 0 Reply Likes
Can someone from PhoneGap Build please confirm that this critical bug is your highest priority? I can't imagine there is a more pressing issue than preventing your customers from submitting their app to the App Store (we've been delayed over a week at this point).
Also, can you provide an estimate for when this issue will be resolved? This will let us know if we need to abandon the Build platform or if we should stick it out.
- 10 Posts
- 0 Reply Likes
- 18 Posts
- 0 Reply Likes
- 10 Posts
- 0 Reply Likes
Feel free to chime in there if you have access as well
- 10 Posts
- 0 Reply Likes
- 13 Posts
- 0 Reply Likes
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
I sent an e-mail to a contact I have at Adobe, just informing him this is a festering issue and asking if he can put a sticky note on someone's monitor in the next cube block over. Might help.
- 3 Posts
- 0 Reply Likes
- 2 Posts
- 0 Reply Likes
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
Hang tight gang. If you are relying on PhoneGap Build, sit back for a few and recognize the benefits that this service brings to you as it will help put this inconvenience into perspective.
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
Also, for those who like a real challenge... We know that when using XCode we can get our PhoneGap apps to display properly in the simulator. Now see if you can dig into the underlying config files and such like things in your XCode project and figure out what is different between the broken (letterboxed) configuration and the working (no letterbox) configuration. If you can nail it down to a section of a config file or something, that will really help the PhoneGapBuild team so that they will be able to resolve this quickly.
- 9 Posts
- 0 Reply Likes
The issue was solved when using XCode to build the application however with few minor issues. So, first, we created a new cordova project in XCode and copied all our html files in www folder. For the build to work we have to include the cordova.js for iOS versions and reference it. When we included cordova 2.0. our app failed to work however it worked when included 2.1 version. And as other forums suggest we have to include the new default image with the suggested dimensions for iPhone5. With these changes the splash/default image got loaded and the app also utilized the full width and height of the iphone 5 device. (we tested on actual device)
Now the minor issue is that, we see two splash images are loading, one with the new size but the other with older device dimensions and when this happens we see white background at top and bottom (this all happens in a second!). This two images load didnt happen when we used the same images for native iOS application!
Alan Neveu, Champion
- 213 Posts
- 11 Reply Likes
You are talking about using PhoneGap to make an app using XCode, and then shipping your app to Apple straight from XCode. We are talking about using PhoneGap Build. The problem here is that PhoneGap Build does not presently have the mechanism to create a build that does whatever magic takes place under the hood in XCode to show the app using the full iPhone 5 screen.
Related Categories
-
PhoneGap Build
- 15111 Conversations
- 275 Followers






