Phonegap + iphone 6 screen size issue

Question

I'm using phonegap / cordova with AngularJS to create a mobile app.

I'm testing the application in chrome debugger and simular all iPhones 4-6 plus, the layout stretch itself automatically and everything looks good.

when i'm running the application on iPhone 6 i get 2 black strips at the bottom and at the top of the app and the application size is small and not covering the whole screen.

Did it happen to anyone? how did you solve it?

Attached example image.

enter image description here

Do you used Phonegap Build to pack app. Issue involve splash screen incorrect size or missing splash screen image for device. — Hanh Le, Feb 09 '15 at 01:36

score 1 · Accepted Answer · edited May 23 '17 at 10:32

1

Have a look at this:

Black bars showing when running app on iOS 7 (4 inch retina display)

This helped when I had this issue on iPhone 5, seems to solve iPhone 6 as well.

edited May 23 '17 at 10:32

Community

1
1

answered Feb 08 '15 at 21:09

trueicecold

820
10
23

@trueincecol the link is not relevant for iOs 8 / iphone 6 / 6+ – Liad Livnat Feb 09 '15 at 07:55
Did you create both variations of the image? regular and retina (@2x)? Did you put those splash screens in the right place? – trueicecold Feb 09 '15 at 21:02

Phonegap + iphone 6 screen size issue

1 Answers1