Ionic2 启动画面后的白屏

Question

当我将应用程序转换为 *.apk 时，执行启动画面后出现白屏小问题，需要 20 到 25 秒，然后我的应用程序运行良好。

那么是否有任何设置或代码或任何工具可以解决此问题？

笔记

~ 应用大小：19mb

~ 在三星 Galaxy J7 2016 - android 7.0 上测试

~ 我用这种方式将我的应用程序转换为 apk ：如何在没有额外应用程序的情况下生成 ionic apk 或 ios？

Answer 1

通过使用

离子构建 android --prod

启动时间将减少到 5 秒，对于白屏，

问题是闪屏自动隐藏，所以禁用闪屏自动隐藏和从

app.component.ts

我手动隐藏了它。

配置文件

<preference name="SplashMaintainAspectRatio" value="true"/>
 <preference name="SplashScreen" value="screen"/>
 <preference name="SplashScreenDelay" value="30000"/>
 <preference name="AutoHideSplashScreen" value="false"/>
 <preference name="SplashShowOnlyFirstTime" value="false"/>
 <preference name="FadeSplashScreen" value="false"/>

app.component.ts

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
@Component({
 templateUrl: 'app.html'
})
export class MyApp {
 rootPage:string = 'HomePage';
 constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
 platform.ready().then(() => {
 // Okay, so the platform is ready and our plugins are available.
 // Here you can do any higher level native things you might need.
 statusBar.styleDefault();
 splashScreen.hide();
 });
 }
}

Answer 2

要构建您的 apk 文件，只需使用：

ionic build android 
(or) ionic cordova build android (In ionic3)

要在设备中运行您的应用程序，只需使用：

ionic run android (ionic cordova run android)
(or) ionic run android --livereload (for live reload) (ionic cordova run android --livereload)

查看更多关于ioni cli
调试模式下 20 秒启动应用程序是正常的。 使用--prod变量运行ionic build ，您会看到您的应用程序启动得更快，但构建需要更多时间。

Answer 3

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