在离子3中显示长时间的白屏

Question

我正在为Android平台开发本机离子应用程序。当我打开我的应用程序时，会长时间显示白屏并进入页面。我不想显示白屏，或者有什么方法可以减少白屏显示时间。我是Ionic的新手。请就这一点向我提出建议。

Answer 1

尝试将其添加到config.xml：

 <preference name="AutoHideSplashScreen" value="false" />
 <preference name="SplashScreenDelay" value="10000" /> // You can control how many seconds the splash screen will be displayed
 <preference name="FadeSplashScreenDuration" value="1000" />
 <preference name="SplashScreen" value="screen" />
 <preference name="ShowSplashScreen" value="true" />
 <preference name="ShowSplashScreenSpinner" value="false" />
 <preference name="SplashShowOnlyFirstTime" value="false" />
 <preference name="FadeSplashScreen" value="true" />

然后在platform.ready()上调用Splashscreen.hide();

Answer 2

在config.xml文件中，请增加关注首选项值。

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

Answer 3

请分享您的代码。这可能与未正确使用延迟加载有关。如果要将页面导入到应用程序模块中，或者在导航时将操作做错了。

Answer 4

从更改main.ts文件

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

To

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app.module';
import {enableProdMode} from "@angular/core";

enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule);

如果您正在运行带有生产标记（--prod）的应用程序。

Answer 5

您可以使用延迟加载来最大程度地减少白屏时间。

Answer 6

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