Search code examples
javascriptioscordovanativephonegap-build

iOS native app build with phonegap opens in lower resolution

When I open my application in the browser of my iPad Pro 12.9in while serving it with the PhoneGap app on my desktop, it opens as it should. But when I install the application and open it, it opens with a lower resolution. I saw this could be because of lower resolutions spash screens but I designed a new splashscreen with resolution 2732x2048 for the iPad pro.

Should I maybe change something in the config.xml file? I have tried a lot but still haven't found a solution.

These are the imported splash images for iOS with their resolutions

This is how the app looks when installed (1)

This is how the app looks when installed (2)

This is how the app should look - like it is now in the browser (1)

This is how the app should look - like it is now in the browser (2)

Solution

  • Have you added your new Splashscreen to your config.xml?

    You need the following entries in that file:

    <platform name="ios">
    <allow-intent href="itms:*" />
    <allow-intent href="itms-apps:*" />
    <splash src="<your path>/Default@2x~universal~anyany.png" />
    <splash src="<your path>/Default@2x~universal~comany.png" />
    <splash src="<your path>/Default@2x~universal~comcom.png" />
    <splash src="<your path>/Default@3x~universal~anyany.png" />
    <splash src="<your path>/Default@3x~universal~anycom.png" />
    <splash src="<your path>/Default@3x~universal~comany.png" />
</platform>

    In my case path is <project>/res/ios

    For using these, you need at least CLI 7.0.1 or 7.1.0 to target iOS Phonegap Version 4.4.0

    Additional information: