Long, narrow screens are a problem

[daffinm]

I see the following issue on both Android and iOS with long screens. This was iPhone X (simulated). I see the same on a new Android with similar screen dimensions.

Can someone point me at the docs that describe how the splashscreen plugin looks for splashscreen images on different platforms and I will have a go at fixing this.

[antocorso]

Same problem! Somebody has a solution?

[D-Marc1]

I fixed this issue by using the latest GitHub version of this plugin, rather than on NPM, along with someone's pull request on the official Cordova Splashscreen plugin.

[daffinm]

@D-Marc1 and what did you do to fix it? Can you expand a bit so that I can replicate what you did. (Slightly new to this technical neighbourhood...)

[D-Marc1]

1. Uninstall this NPM package, as it's not up to date with the newest iPhones. The GitHub repo is though. Run sudo npm uninstall cordova-splash -g
   1a. Install the Github repo version. Run sudo npm install https://github.com/AlexDisler/cordova-splash.git -g
2. Uninstall the Cordova Splashscreen plugin, as it's missing compatibility with the newest iPhones. Run cordova plugin rm cordova-plugin-splashscreen
   2a. Install someone's pull request/fork that fixed the problem. Run cordova plugin add https://github.com/sdgpalm2/cordova-plugin-splashscreen.git

[ISNIT0]

@D-Marc1 For future reference, NPM has a shortcut for installing from GitHub:
npm install AlexDisler/cordova-splash should do it
😄

[D-Marc1]

@ISNIT0 That's pretty cool and convenient. But honestly, I feel like just copying the .git url is equally as easy. Still interesting to note, however. Thanks

[daffinm]

@D-Marc1 Just out of interest (since you seem to know a thing or two) what's your experience of working with iOS Storyboards? This PR seems to add this capability to cordova-splash and yet the Storyboard image(s) are ignored in preference for the legacy images (when running in the simulator at least).