ionic2 关于启动后白屏问题跟app启动慢的问题

问题描述：

在ionic2下创建的项目打包生成apk，运行在真机上，进入启动页然后有5秒左右的白屏情况才进入首页，在真实项目中更严重，启动画面后更有时候十几秒都是白屏，体验性非常差。

在各种搜索之下，我只找到了这个解决方案，就是将启动画面延长。

1.添加 cordova-plugin-splashscreen 插件 并查看是否添加成功

cordova plugin add cordova-plugin-splashscreen //添加 cordova-plugin-splashscreen 插件 

cordova plugin list  //查看项目有什么插件

//cordova-plugin-splashscreen 插件更多详细信息以及说明可以到看这里→ https://github.com/apache/cordova-plugin-splashscreen

//更多关于cordova的基本命令已经如何添加已经删除插件请看这里→http://www.cnblogs.com/huangenai/p/6840333.html

2.修改config.xml 配置

打开config.xml 可以看到他最初config.xml配置。

 

AutoHideSplashScreen 是否自动隐藏启动画面，默认是为true，在这里我们设置未false。

 <preference name="AutoHideSplashScreen" value="false" />

SplashScreenDelay 自动隐藏闪屏之前等待的时间（毫秒）（默认为3000）。在这里我将它延长改为6000。

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

ShowSplashScreenSpinner,默认为true ，在这里设置未false，设置为false为隐藏闪屏。

 <preference name="ShowSplashScreenSpinner" value="false"/>

FadeSplashScreen 默认未true。设置为false，以防止闪屏在其显示状态更改时进入和退出。

<preference name="FadeSplashScreen" value="false"/>

将初始的配置那三行删掉我们将下面的复制进去

     <preference name="SplashShowOnlyFirstTime" value="false"/>
     <preference name="SplashScreen" value="screen"/>
     <preference name="SplashScreenDelay" value="6000"/>
     <preference name="AutoHideSplashScreen" value="false" />
     <preference name="ShowSplashScreenSpinner" value="false"/>
     <preference name="FadeSplashScreen" value="false"/>
     <preference name="ShowSplashScreen" value="true"/>

然后在命令提示符里输入 后回车重新编译一下。

cordova build android

在这个目录下 src/app 打开app.component.ts 中有来确保是否又这段代码

platform.ready().then(() => {
  Splashscreen.hide();//启动后关闭splashscreen页面（不用设置）
});

android studio 重新跑一次，在真机上就不会出现开机会有一个圆圈一直转圈了，也不会出现开机启动画面后出现白屏的情况。

3.关于app启动慢的问题

虽然解决了启动出现白屏的问题。可是开机而然很慢。

使用ionic build android 生成的apk启动时间比较长,可以使用ionic build android --prod 来生成的apk启动时间会相对来说快一点。

 

2017-09-13 08：15 新增：

后面在新建的ionic3项目，相对ionic2来说启动已经快了很多了。