问题描述:

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

ionic2 关于启动后白屏问题跟app启动慢的问题的更多相关文章

  1. ionic2常见问题-启动后白屏问题

    问题描述 app启动后大概有几秒白屏,才会显示首页,如下gif图 启动有白屏.gif 解决方法1 请查看以下3张图的标注 图 1-最初config.xml配置 图 2-更改后的splash配置 图 3 ...

  2. ionic2常见问题——启动后白屏问题

    问题描述 app启动后大概有几秒白屏,才会显示首页. 解决方案 图 1-最初config.xml配置 图 2-更改后的splash配置 代码: <preference name="Sh ...

  3. Android APP应用启动页白屏(StartingWindow)优化

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 StartingWindow 的处理方式: 使用系统默认的 StartingWindow :用户点了应用图标启动应用,马上弹出系统默 ...

  4. Android Activity启动黑/白屏原因与解决方式

    Android Activity启动黑/白屏原因与解决方式 我们新建一个HelloWorld项目,运行在手机上时,Activity打开之前会有一个动画,而这个动画里是全白或者全黑的(取决于你的主题是亮 ...

  5. 消除 activity 启动时白屏、黑屏问题

    默认情况下 activity 启动的时候先把屏幕刷成白色,再绘制界面,绘制界面或多或少有点延迟,这段时间中你看到的就是白屏,显然影响用户体验,怎么消除呢? 在 Activity theme 设置sty ...

  6. Xamarin.Android splash页面瞬间响应_避免APP启动闪白屏

    Application和Activity中的onCreate都进行了优化,基本没有耗时操作,但是启动应用之后还是会闪现一下白色背景,然后才进入Splash页面,对比了一下QQ.微信.微博等客户端,点击 ...

  7. android开发之提高应用启动速度_splash页面瞬间响应_避免APP启动闪白屏

    Application和Activity中的onCreate都进行了优化,基本没有耗时操作,但是启动应用之后还是会闪现一下白色背景,然后才进入Splash页面,对比了一下QQ.微信.微博等客户端,点击 ...

  8. Android------第一次启动出现白屏或者黑屏

    APP开发中,第一次运行启动app时,会出现一会儿的黑屏或者白屏才进入Activity的界面显示. 当打开一个Activity时,如果这个Activity所属Application还没有在运行, 系统 ...

  9. Android app启动出现白屏闪屏

    出现白屏闪屏原因: 进入到AppStartActivity,但是未加载到布局文件,就先显示了窗口的背景,白屏就是显示的windows的背景,即所设置的theme. onCreate()中的setCon ...

随机推荐

  1. mvc @helper 创建用户自定义html

    转载地址:https://www.cnblogs.com/caofangsheng/p/5670071.html

  2. LeetCode —— 移动零

    给定一个数组 nums,编写一个函数将所有 0 移动到数组的末尾,同时保持非零元素的相对顺序. 示例: 输入: [0,1,0,3,12] 输出: [1,3,12,0,0] 说明: 必须在原数组上操作, ...

  3. 第三周助教工作总结——NWNU李泓毅

    本周点评作业数量:第一部分是第一篇博客的剩余部分,给出了共计22份作业的具体分数.第二部分是第二篇博客的已提交部分共计19份作业. 这是我的博客地址:https://www.cnblogs.com/N ...

  4. Python——我所学习的turtle函数库

    1基础概念 1.1 画布(canvas) 画布就是turtle为我们展开用于绘图区域, 我们可以设置它的大小和初始位置. 常用的画布方法有两个:screensize()和setup(). (1)tur ...

  5. css隐藏多余的文字并出现省略号

    <meta charset="utf-8" /> <style> .txt{ width:200px; border:1px solid #ddd; ove ...

  6. 爸爸在家庭中最应该扮演的角色,是爸爸本爸!zz

    不然呢?还是爸爸应该cosplay什么物种?细想下,爸爸这个角色很多人是不称职的,经常加班或完全不管孩子的隐形人.肆意把脾气撒在孩子身上的炸弹君.动不动就不耐烦的刺猬......孩子经常挂在嘴边的不是 ...

  7. Unity2018 VS2017打开CS脚本,提示全红及无法加载工程等问题解决

    VS2017用的比较老的版本,因为当时下载了离线文件,所以可以离线安装,现在看来是没有必要的,占硬盘空间不说,不更新VS IDE,Unity高版本还有问题. 主要问题在于,我之前一直用Unity201 ...

  8. ProcessingElement.h

    processing element模块 #ifndef __NOXIMPROCESSINGELEMENT_H__ #define __NOXIMPROCESSINGELEMENT_H__ #incl ...

  9. 前端json导入excel中

    ExportToExcel: function () { var param = {}; var _this = this; param.beginDate = $("#beginDate& ...

  10. javascript_01