ios - iPhone X 中的双 ionic 闪屏

Question

我的 apache cordova(带有 ionic 3)有问题，这个问题只发生在 iphone X 上。

当应用程序启动时，它会显示默认的 ionic 启动画面(像这样，但已缩放):

几毫秒后，这个“默认启动画面”被正确的替换(我为应用程序设计的启动画面)。

这些是我的初始图片:

    <splash src="resources/ios/splash/Default@2x~iphone.png" />
    <splash src="resources/ios/splash/Default@2x~universal~anyany.png" />
    <splash src="resources/ios/splash/Default-568h@2x~iphone.png" />
    <splash src="resources/ios/splash/Default-667h.png" />
    <splash src="resources/ios/splash/Default-736h.png" />
    <splash src="resources/ios/splash/Default-Landscape@2x~ipad.png" />
    <splash src="resources/ios/splash/Default-Landscape@~ipadpro.png" />
    <splash src="resources/ios/splash/Default-Landscape-736h.png" />
    <splash src="resources/ios/splash/Default-Landscape~ipad.png" />
    <splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" />
    <splash src="resources/ios/splash/Default-Portrait@~ipadpro.png" />
    <splash src="resources/ios/splash/Default-Portrait~ipad.png" />
    <splash src="resources/ios/splash/Default~iphone.png" />

我还尝试更改启动屏幕文件(同时检查默认的 CDVLaunchScreen)，但我没有找到任何对此默认 ionic 启动屏幕的引用，我如何才能找到这个“图像”或其他内容的位置，或找到解决方案？

谢谢

Answer 1

已经有several reported issues与 Cordova 闪屏和 iPhone X 相关，但是它们都没有表现出您描述的症状。

首先要检查的是，您确实已将 resources/ios/splash/ 中的所有默认启动画面图像替换为您自己的自定义图像。

其次检查您使用的是最新版本的 cordova-ios 平台和 cordova-plugin-splashscreen 因为最近的版本已经包含了对其中一些 iPhone X 的修复- 具体问题。

最后，另一种选择是切换到使用 LaunchStoryboard images为你的闪屏。这是制作 iOS 启动画面的新方法，比 legacy Launch Images 更容易维护。 ，因为你需要更少的图像 - 甚至可以有一个 single launch screen image .