出现白屏而不是启动画面答案

【问题标题】：White screen appears instead of splash screen出现白屏而不是启动画面
【发布时间】：2022-01-14 22:36:39
【问题描述】：

在 iOS 设备上运行我的应用程序时，会出现白屏而不是启动画面。 ionic cordova resources 命令已被使用，即使之后出现此问题

版本详情：

Ionic:

   ionic (Ionic CLI)  : 4.10.3 (/Users/akashb/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.4

Cordova:

   cordova (Cordova CLI) : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms     : ios 5.1.1
   Cordova Plugins       : cordova-plugin-ionic-webview 4.1.3, (and 29 other plugins)

System:

   ios-sim : 8.0.2
   NodeJS  : v14.17.3 (/usr/local/bin/node)
   npm     : 6.14.13
   OS      : macOS Big Sur
   Xcode   : Xcode 13.1 Build version 13A1030d

【问题讨论】：

是在 xcode 应用程序图标和启动屏幕中显示的所有图像，我知道 cordova resources 遗漏了一些
白屏问题仅在您在应用程序中出现严重错误的情况下存在，如果白屏存在几秒钟然后应用程序启动然后没有错误但启动画面插件中的错误配置...但是如果启动画面保持白色，即使在 30 秒后也没有隐藏，那么可以肯定它是一个错误，这个错误可能来自路由，所以如果 url 是 localhost:port/ 或者可能与您添加到应用程序中的插件，但未在提供程序部分声明它...
@chaos505 是的，每个图像都显示在 xcode 中。
请编辑问题以将其限制为具有足够详细信息的特定问题，以确定适当的答案。

标签： ios cordova ionic-framework ionic3

【解决方案1】：

多年来，白屏一直是个问题。

当我遇到这个问题时，我不停地搜索谷歌并很快意识到没有人真正知道它为什么会这样做，但似乎与 Apple 使用不同版本的 iOS 更改启动屏幕尺寸有很大关系。

许多人提出了不同成功的解决方案，而我的具体问题似乎是我的启动画面没有被足够快地关闭，使屏幕保持白色。这是唯一对我有用的解决方案 - 但是我使用 Capacitor 及其 Splash Screen API 版本，因此您需要使用 Cordova 针对您的特定需求进行修改：

import { Platform } from "@ionic/angular";
import { SplashScreen } from '@capacitor/splash-screen';

constructor(
   private platform: Platform
){
   this.platform.ready().then(async () => {
      setTimeout(() => {
        SplashScreen.hide({
          fadeOutDuration: 1000,
        });
      }, 2000)
    })
}

搜索“离子白色闪屏”将向您展示大量遇到相同问题的人，并提供多种不同的解决方案。恐怕您可能需要研究它们并找到适合您的。

另外，您应该考虑将您的 Ionic 版本从 3 更新到当前版本 5。尽管版本 6 即将发布。

【讨论】：