IONIC 应用程序启动画面后的白屏

Question

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

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

离子版本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();
});

Answer 2

config.xml

 <preference name="auto-hide-splash-screen" value="false" /> 
 <preference name="AutoHideSplashScreen" value="false" />

main.js请更改

this.platform.ready().then(function () {
        _this.statusBar.styleDefault();
        _this.splashScreen.hide();
    });

至

this.platform.ready().then(function () {
            _this.statusBar.styleDefault();
            setTimeout(function(){
                _this.splashScreen.hide();

            }, 3000);
        });