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);
        });