0

I've spent a while trying to sort this and found an unanswered question which I have since lost. But heres the beat:

I used phonegap create . my.app.id and it created a hello world boiler plate that looks awful on iphone 6. There are black bars reducing it to an iPhone 4 size and the resolution is wrong.

Symptoms are black bars above and below your app, the status bar and keyboard in the wrong resolution and app being blurry af.

6
  • Top Mistakes by Developers new to Cordova/Phonegap
    – user3255670
    Apr 23, 2016 at 4:16
  • The Documentation has issues, but your issue is mundane. So you can continue to struggle with a trivial issue or read. Your choice. You can also try the real forums - instead. Best of Luck.
    – user3255670
    Apr 23, 2016 at 16:52
  • With Cordova/Phonegap your need to do a lot of reading. Read the section on Preferences.
    – user3255670
    Apr 23, 2016 at 17:17
  • Okay. They recently reorganized. This is the section you need to read. Again see preference.
    – user3255670
    Apr 23, 2016 at 17:21
  • I'm trying to be nice, but you are trying my patience. You have several misunderstadings about Cordova/Phonegap work. Your question is incorrect. Your assumption about resolution and how it controls the screen is incorrect. The first link I gave you is you can move in the right direction. However, it appears you are pig-headed. Read some more of that link and you will find you answer - eventually. I'm not here to give you answer. If don't want to read, you won't go very far with this. Best of Luck.
    – user3255670
    Apr 23, 2016 at 19:41

1 Answer 1

1

What you need to do is specify more splash screen sizes. That is what controls the resolution on different devices... I know, don't ask.

For android you need the following:

    <splash src="..." density="land-hdpi"/>
    <splash src="..." density="land-ldpi"/>
    <splash src="..." density="land-mdpi"/>
    <splash src="..." density="land-xhdpi"/>
    <splash src="..." density="port-hdpi"/>
    <splash src="..." density="port-ldpi"/>
    <splash src="..." density="port-mdpi"/>
    <splash src="..." density="port-xhdpi"/>

For iOS you need the following:

<splash src="..." width="320" height="480"/>
<splash src="..." width="640" height="960"/>
<splash src="..." width="768" height="1024"/>
<splash src="..." width="1536" height="2048"/>
<splash src="..." width="1024" height="768"/>
<splash src="..." width="2048" height="1536"/>
<splash src="..." width="640" height="1136"/>
<splash src="..." width="750" height="1334"/>
<splash src="..." width="1242" height="2208"/>
<splash src="..." width="2208" height="1242"/>

If it's still not displaying correctly check if there isn't another set that is missing from this list.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.