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:
And then will load the splashscreen secondly with no bottom gap:
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
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