ionic-framework - IONIC 应用程序启动画面后出现白屏

Question

我的应用程序有“问题”。当它运行时，在启动画面之后和应用程序准备就绪之前，白屏会出现大约 5/6 秒，这很烦人。 如何避免这种白屏？

我没有看到很多关于此的问题(没有有效的答案)，我想得到一个更新的答案。我不发布代码，因为我不知道哪些代码可能有用。

ionic 版本3.13.2

谢谢。

Answer 1

这可能是因为您的应用程序加载时间比启动画面的持续时间长。

在您的 config.xml 文件中，您可能有如下内容:

<preference name="SplashScreenDelay" value="3000" />

这意味着启动画面将在 3 秒后自动淡出。但是，如果您的应用在此时间后仍未准备就绪，您将在应用完成加载时看到白屏。

解决方案是为启动画面设置更长的时间，同时关闭 AutohideSplashScreen。在 config.xml 文件中:

<preference name="AutohideSplashScreen" value="false" />
<preference name="SplashScreenDelay" value="30000" />

然后，您需要确保在应用准备就绪后立即从应用内部关闭闪屏。

通常在 app.component.ts 类构造函数中:

this.platform.ready().then(() => {
  this.splashScreen.hide();
});