Ionic 3 splashscreen bottom gap on Iphone X and load twice


#1

I am update my xcode to 9 and build the app, discover that the splashscreen will display twice and the iphone X will have the bottom gap in the first displayed splashscreen, below is the image:
08 AM
And then will load the splashscreen secondly with no bottom gap:
31 AM
My info is :

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.15.2
ionic (Ionic CLI) : 3.15.2
global packages:

cordova (Cordova CLI) : 7.1.0 
local packages:

@ionic/app-scripts : 3.0.1
Cordova Platforms  : android 6.3.0 ios 4.5.3
Ionic Framework    : ionic-angular 3.8.0
System:
ios-deploy : 1.9.2 
ios-sim    : 5.0.13 
Node       : v7.10.0
npm        : 5.5.1 
OS         : macOS Sierra
Xcode      : Xcode 9.0.1 Build version 9A1004 
nvironment Variables:

ANDROID_HOME : not set
Misc:

backend : legacy

Does anyone know how to solve it? Thanks a lot.


#2

I just realized I have the same issue as you. I am working toward a solution right now. The direction I am trying at the moment is to use the story board method with https://github.com/apache/cordova-plugin-splashscreen


#3

Hi, Philip. Do you have any solution for it?


#4

Duplicate iPhone X Splashscreen Error

Open issue https://issues.apache.org/jira/browse/CB-13411


#5

O…Thanks for your information. Do you have a quick fix solution for this?


#6

No unfortunately … but at least, maybe I was lucky, till today app updates weren’t rejected because of this


#7

It looks like that issue has issue has been merged.

I updated my package.json to show

"cordova-ios": "git+https://github.com/apache/cordova-ios.git#master",

but the issue still persists. Did I correctly grab the latest cordova?

npm outdated

/Users/pbrack/dev/personal-time-keep/personal-time-keep:npm outdated
Package                              Current  Wanted  Latest  Location
cordova-ios                        4.6.0-dev     git     git  PersonalTimeKeep

#8

Cool to know it’s fixed

If you want to try it you have to update or rm/add your iOS platform and use the nightly I guess.
Something like

 ionic cordova platform rm ios
 ionic cordova platform add ios@nightly

But just an early morning guess :wink: