No Support For Ipad Pro (Launch Storyboard Images)

[andyrichardson]

Description
Meteor apps do not run in native resolution on Ipad Pro (12.6 inch, 1st gen).

Effected versions
1.5.2 (current) and older

Cause
No support for storyboard images in mobile-conifg.js.

Proposed solution
Add storyboard support to mobile-config.js

// mobile-config.js

App.launchScreens({
  default_2x_universal_anyany: "resources/splashscreens/Default@2x~universal~anyany.png",
  default_3x_ipad_comany: "resources/splashscreens/Default@3x~ipadl~comany.png",
  ...
});

Resources
See bug description and Cordova documentation.

[hwillson]

@andyrichardson This was addressed in #9198, and has been merged. These changes will likely be coming in 1.5.3. Thanks!

[skirunman]

@hwillson We may want to re-open this issue as the changes I made in #9198 for iPad Pro 10.5" and 12.9" were removed in 0ab3277 as Apple / Xcode 9, and therefore cordova-ios, does not support using static images for these splash screen sizes.

Instead Apple and Cordova recommends using Launch Storyboards. We can add this support to a Meteor Cordova app today in mobile-config.js like

App.appendToConfig(`
  <splash src="../../../resources/splash/ios/Default@3x~universal~anyany.png" />
`);

I'm not sure if we should make changes to our parsing of mobile-config.js to support this or just update the documentation. In any case you can see where cordova-ios supports this here.

[hwillson]

Thanks @skirunman - I think documenting this for now is our best bet. I've opened meteor/guide#675 to track this, so we can keep this issue closed. Thanks again!

[markshust]

This ticket should probably be reopened. Xcode is replacing all app launch screens with storyboards in Xcode 11 and moving forward, and there is currently no support in storyboard images in Meteor.

It should probably be recommended in the Meteor guide to just use storyboard images instead of setting all of the app launch sizes, as the latter is super time-consuming. Adding this to mobile-config.js gets the new sizes to work:

App.appendToConfig(`
  <platform name="ios">
    <splash src="../../../resources/splash/Default@2x~universal~anyany.png" />
    <splash src="../../../resources/splash/Default@3x~universal~anyany.png" />
  </platform>
`);

Default@2x~universal~anyany.png is size 2732x2732
Default@3x~universal~anyany.png is size 2208x2208

[markshust]

FYI the above is also required for iPhone X support -- without this setting the entire app is wonky (see #9208 for screenshots). Without this iPhone X does not work/display correctly with Meteor+Cordova.

[skirunman]

Meteor Guide was updated to mention using Story boards, especially for iPhone X, and the definitions for the unsupported iPad Pros were removed in this commit 0ab3277 as I mentioned above.

When Xcode 11 comes out I think we will need to integrate in the version of cordova-ios that only supports Story boards.

What I would really like to see is this Feature Request implemented to decouple Cordova versions from Meteor.