"Ionic 3在iPhone X上启动画面底部出现间隙并且加载两次"

Question

我更新了我的Xcode到9并构建了应用程序，发现启动画面会显示两次，并且在第一个显示的启动画面中，iPhone X会有底部间隙，如下图所示： 然后会再次加载启动画面，但不会有底部间隙，如下图所示： 我的信息是：

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

有人知道如何解决吗？非常感谢。

- Nulra

---

有几个问题。您是否阅读了迁移指南，以便使用新的Web视图并更改HTML元标记？您是否在迁移后执行了ionic resources？我曾遇到类似的问题，通过使用WKWebView解决了它。 - Philip Brack

谢谢，我在这个项目中一开始就使用了WKWebView，所以我想不需要迁移。 - Nulra

是的，一切都没问题，只是启动画面会显示两次，并且第一次加载有底部间隙。 - Nulra

我可以确认这是一个问题。我的应用程序也遇到了同样的问题。 - tmuecksch

@Nulra 你试过这个吗：https://forum.ionicframework.com/t/ionic-3-splashscreen-bottom-gap-on-iphone-x-and-load-twice/111254/8？ - tmuecksch

Answer 1

更新： 现在有一个稳定版本可用。 在4.5.4中，该问题已得到解决。

ionic cordova platform rm ios
ionic cordova platform add ios@4.5.4

---

新回答：

等待cordova-ios的下一个版本，问题将会在那时得到解决。 在此期间，请尝试以下解决方法：

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

来源：https://forum.ionicframework.com/t/ionic-3-splashscreen-bottom-gap-on-iphone-x-and-load-twice/111254/8

这篇文章讨论了在iPhone X上使用Ionic 3的启动画面时出现底部留白和加载两次的问题。解决方法是使用SafeArea插件，并在config.xml中将preference设置为true。

- tmuecksch

---

我在ios@4.5.5仍然遇到了问题。 - Krishna Karki