iPhone 5 black bars due to new screen size

  • 9
  • Problem
  • Updated 5 years ago
  • In Progress
Along with many of you, my app that is built using PhoneGapBuild 2.0.0 does not use the full height of the iPhone 5 display. It has two black bars of 88 pixels high surrounding it, with my app centered vertically.

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?
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes

Posted 8 years ago

  • 9
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Okay, so the iPad mini will not be an issue for us developers in terms of screen resolution, so that's great.

PhoneGap Build engineers - this means you just need to help us fix the iPhone5 letterbox problem.

Come on guys, now even I'm starting to get ticked off at the lack of response, and I've been your biggest advocate here keeping the troops calm.
Photo of austin.h.lee

austin.h.lee

  • 10 Posts
  • 0 Reply Likes
Guys, best case: Hardeep is AWOL and no one at Adobe knows about this thread

Worst case: they know about this thread and don't care enough to respond

Let's give them the benefit of the doubt and assume the "best" case. To remedy it I suggest we each start new threads in the main forum describing what's going on and linking back to this discussion. All we want is some kind of response.
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
I second that. Let's hammer it. Race ya!
Photo of Dustin Brown

Dustin Brown

  • 10 Posts
  • 0 Reply Likes
Photo of Hardeep Shoker

Hardeep Shoker

  • 1941 Posts
  • 89 Reply Likes
Hey everyone,

Sorry about the lack of feedback on this thread. As you guessed I have been gone on PTO for the last little while and it seems like this thread was not picked up by anyone else on the team.

I'm just getting caught up here so I will report back within the next couple days about what we need to do to get this resolved.

Thanks for your patience,

Hardeep Shoker
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Thanks Hardeep, we knew we could count on you bro! If you need any more details or some help testing anything just give this thread a jingle and you'll have a bunch of people to chime in.

And, let's all rejoice that the iPad mini uses the iPad2 screen size!
Photo of Hardeep Shoker

Hardeep Shoker

  • 1941 Posts
  • 89 Reply Likes
Alright,

So we were able to make some progress on the issue today. As many of you know we do not officially support IOS 6 as of yet.

Currently we compile against xcode 4.3.3, this is going to change though.

We will be moving to xcode 4.5 to support iOS 6 and the iPhone 5.

If there's sufficient user demand, we will also support Xcode 4.3 for armv6 devices (iPhone 3G and 1st-2nd gen iPod Touches); however, in the short term, these older platforms will not be functional.

We were able to make some progress on the conversion today and we will notify you accordingly of the progress made on this issue.

Hardeep Shoker
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
That's fantastic Hardeep, thanks so much for the reply.

And of course our next question is... Can you give us a general ETA? Are we talking about a day or two, or is it a larger change that is going to take more like a week or two (or longer)? That would be very helpful so that we could know if we should submit a new version of our app to Apple that sitll has the letterboxing (to fix a few bugs) or if we wait a couple more days if maybe we can include true iPhone 5 support. Thanks in advance!
Photo of Hardeep Shoker

Hardeep Shoker

  • 1941 Posts
  • 89 Reply Likes
Hey Alan,

We're looking at the end of this week.

Hardeep Shoker
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Okay, I'm waiting for it then, so consider your present work to be greatly anticipated and admired... In the meantime I will sit here and try to figure out how to get jquery mobile to give immediate visual feedback on iPhone when a link is tapped......
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Wow, that didn't take long.. If anyone is interested in jqm immediate visual feedback, check this page:

https://github.com/jquery/jquery-mobi...

Enjoy!
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Maybe I'm just too optimistic, but I notice that my iOS builds are taking a long time - maybe, just maybe this is being worked on right now??
Photo of Hardeep Shoker

Hardeep Shoker

  • 1941 Posts
  • 89 Reply Likes
No we just had a small hiccup with the service this morning.

Hardeep Shoker
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Awesome transparency, Hardeep, you guys rock.
Photo of Geoffrey Blake

Geoffrey Blake

  • 3 Posts
  • 0 Reply Likes
Thanks Hardeep for the update today. Will have my eyes on this thread...
Photo of Andrew Lunny

Andrew Lunny

  • 1911 Posts
  • 199 Reply Likes
Sorry for the delay guys - the change should be up now.
Photo of traeregan

traeregan

  • 13 Posts
  • 0 Reply Likes
Very nice! The splash image isn't used, but the app is the right size on the phone now - no more letter boxing - woohoo! Thank you!
Photo of traeregan

traeregan

  • 13 Posts
  • 0 Reply Likes
Now distribution builds are failing to upload via Application Loader after creating a new build with this fix! Ahhhhhhhh!

"Application executable is missing a required architecture. At least one of the following architecture(s) must be present: armv6"

Same happens when targeting 2.0.0 and 2.1.0

The App ID is 226987
Photo of traeregan

traeregan

  • 13 Posts
  • 0 Reply Likes
Photo of Dell

Dell

  • 2 Posts
  • 0 Reply Likes
Am I understanding this correctly that this is the solution for the iphone5 splash image

In phonegap config file with image to accompany it in the image directory-

gap:splash src="images/Default-568h@2x.png" gap:platform="ios" width="640" height="1136"/

except it is generating an error when upload to the store?
Photo of Andrew Lunny

Andrew Lunny

  • 1911 Posts
  • 199 Reply Likes
There was an issue with the wrong deployment target being set for builds, that was causing the binary to be rejected - I've patched this now, and am waiting to hear from traeregan (in the other thread) if it solves his issue.
Photo of traeregan

traeregan

  • 13 Posts
  • 0 Reply Likes
Bingo - patch worked - thank you SO much!!!
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Okay, I missed something. So we now have iPhone5 screen size support, which is awesome! But I did not see any instructions about how to take advantage of it. Do we need to modify our config.xml file in any way? Do we need to include an additional splash image as a .png file that is of the iPhone5 screen dimensions?
Photo of Manish Chhabra

Manish Chhabra

  • 14 Posts
  • 0 Reply Likes
Thank you very much. It works :). I am really happy to see the application working properly on iPhone 5.
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Hey Manish, can you answer my question about config.xml and/or an additional splash screen?
Photo of Dustin Brown

Dustin Brown

  • 10 Posts
  • 0 Reply Likes
The config.xml needs this line:

Then as long as you have the image in the location listed above and it has the correct dimensions you should be good to go.
Photo of Dustin Brown

Dustin Brown

  • 10 Posts
  • 0 Reply Likes
Hmm, looks like it ate my xml...

Filename: Default-568h@2x.png with a size of 640w and 1136h
Photo of traeregan

traeregan

  • 13 Posts
  • 0 Reply Likes
Thank you, Dustin! Confirmed, putting Default-568h@2x.png in my www directory and referencing it with that width and height in the config.xml worked well.

(haven't tried it in a /res/ios/screen/ subdirectory like my other splash images)
Photo of eurovision-spain.com

eurovision-spain.com

  • 3 Posts
  • 0 Reply Likes
Acording the documentation the spash screen can be in another place and have another name...

//****************

//*****************************

https://build.phonegap.com/docs/confi...
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Awesome, my iPhone 5 weilding co-hort tells me that my app is full screen on his phone. Thanks so much Hardeep!
Photo of Dell

Dell

  • 2 Posts
  • 0 Reply Likes
A Phonegap rebuild, no matter which version of Phonegap is being used, will resolve the iPhone 5 display problem with this code added to config and image placed the files, correct?
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Okay, one more issue Hardeep... Is there any way you guys can automatically delete any file called Default-568h@2x.png when you are making BlackBerry builds? If we include this time the BB build errors out due to the file name containing invalid characters. We would like to not have to upload a separate .zip file just to make a BB build, so it would be great if that could be done automatically when the BB build is made. It could either scan for invalid file names or else just use the config.xml and look for an iPhone 5 splash screen image and explicitly remove that one file, whichever makes the most sense, probably this one as it would be the lightest touch and smallest hammer.
Photo of Hardeep Shoker

Hardeep Shoker

  • 1941 Posts
  • 89 Reply Likes
This is an issue that we will address. As you've stated current implementation leaves a lot of bloat in our packages.

We will try and provide a solution as soon as possible.

Hardeep Shoker
Photo of Oscar Abilleira Muñiz

Oscar Abilleira Muñiz

  • 157 Posts
  • 5 Reply Likes
There's no reason to use Default-568h@2x.png as file name, just use another name and add the correct line in config.xml
Photo of Khurrum

Khurrum

  • 10 Posts
  • 1 Reply Like
It would be nice to add the config like for iPhone 5 splash screens in the PhoneGap Start project project so that its there for convenient reference.
Photo of Hardeep Shoker

Hardeep Shoker

  • 1941 Posts
  • 89 Reply Likes
Hey Khurrum,

Sorry for the late response but we will get this in there!

Thanks for the feedback,

Hardeep Shoker
Photo of Marcel Overdijk

Marcel Overdijk

  • 7 Posts
  • 0 Reply Likes
+1 for adding this to PhoneGap Start project (4 months later and it's still not there)