首页/Ionic/列表

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

来源:  2018-04-10 21:09:02    评论:0点击:

问题描述:

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

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

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

cordova plugin add cordova-plugin-splashscreen //添加 cordova-plugin-splashscreen 插件 
cordova plugin list  //查看项目有什么插件

D:\project\vueproject\ionic\yun\yunApp>cordova plugin list
cordova-plugin-camera 4.0.2 "Camera"
cordova-plugin-crosswalk-webview 2.4.0 "Crosswalk WebView Engine"
cordova-plugin-device 2.0.1 "Device"
cordova-plugin-file 6.0.1 "File"
cordova-plugin-file-transfer 1.7.1 "File Transfer"
cordova-plugin-ionic-keyboard 2.0.5 "cordova-plugin-ionic-keyboard"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-whitelist 1.3.3 "Whitelist"


//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来说启动已经快了很多了。


来源:https://www.cnblogs.com/huangenai/p/6867521.html

 

 

为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权