Ionic 3 splashscreen bottom gap on Iphone X and load twice

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
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

backend : legacy

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

1 Like

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

1 Like

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

Duplicate iPhone X Splashscreen Error

Open issue

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

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

It looks like that issue has issue has been merged.

I updated my package.json to show

"cordova-ios": "git+",

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
1 Like

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: