iPhone X 中的双离子闪屏

Posted 2023-02-23

【中文标题】iPhone X 中的双离子闪屏

【英文标题】：double ionic splash screen in iPhone X

【发布时间】：2018-05-09 21:19:00

【问题描述】：

我的 apache cordova（使用 ionic 3）有问题，这个问题只发生在 iphone X 上。

当应用启动时，它会显示默认的离子闪屏（像这样，但已缩放）：

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

这些是我的初始图片：

    <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），但我没有找到对此默认离子启动屏幕的任何引用，我如何才能找到此“图像”或其他内容，或找到解决方案?

谢谢

【问题讨论】：

iOS Keeping old launch screen and app icon after update的可能重复

【参考方案1】：

感谢@Jaydeep Kataria，我深入挖掘并找到了解决方案（！！！）

在我的例子中，应用缺少 iPhoneX 肖像的启动画面，所以：

打开 XCode 并转到 Resources/Images.xcassets 选择缺失的图片并查看右侧栏 从右侧栏中获取图像文件名（例如Default-2436h.png）和图像尺寸（例如2436 x 1125） 制作合适大小的图片，使其文件名与XCode右侧栏中显示的完全相同，并放入文件夹src-cordova/res/screen/ios 将图片链接添加到您的 config.xml 文件中：

<splash height="2436" src="res/screen/ios/Default-2436h.png" width="1125" />

构建项目并在 XCode 中打开它

就是这样！！！

【参考方案2】：

我通过升级 Cordova Splashscreen 插件解决了这个问题。

cordova plugin rm cordova-plugin-splashscreen --save cordova plugin add cordova-plugin-splashscreen@latest cordova prepare

【参考方案3】：

我没有确切的解决方案，但我尝试了这个解决方案并且它工作正常。

首先打开 Xcode 并将 iphoneX 1125 × 2436 px 图像的启动画面设置到（项目名称）->Resources->images.xassests 文件夹中，然后选择 LaunchImages 见下图。

【参考方案4】：

已经有 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。

【讨论】：

谢谢！更新 cordova-plugin-splashscreen 插件解决了我的问题。