在IONIC应用程序中的启动画面后的白色屏幕

Question

我的应用程序存在“问题”。当它运行时，在启动画面之后和应用程序准备好之前，会出现一个白色的屏幕，大约5/6秒，这很烦人。怎么可能避免这个白屏？

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

离子版3.13.2

谢谢。

Answer 1

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

在您的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();
});