ionic的APP启动时短暂的黑屏解决方法-欢迎使用zwight个人网站系统
×

ionic的APP启动时短暂的黑屏解决方法

        在我们创建完一个ionic项目后,打包android安装之后启动的时候,从你开始点击APP启动到启动图出现的这个时间间隔的时间内屏幕处于黑屏状态,这是由于android初始化解析界面需要一定的时间。对于该问题处理方式也简单,

        1.自定义theme:

首先在该路径:project\platforms\android\res\values添加一个style.xml文件

<resources>

<style name="Theme.AppStartLoadTranslucent" parent="android:Theme">

<item name="android:windowIsTranslucent">true</item>

<!-- <item name="android:windowBackground">@drawable/screen</item> -->

<item name="android:windowNoTitle">true</item>

</style>

</resources>

这个方法是把样式设置为透明,程序启动后就不会是黑屏的而是透明的了,等到程序初始化完成后一次性显示出来,这个方法的缺点是给人启动慢的感觉,但是程序是一次性刷出来,刷新同步了

        2.修改androidmainfest.xml

为了使第一步的代码生效,我们需要设置activity的theme

    

<activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@style/Theme.AppStartLoadTranslucent" android:windowSoftInputMode="adjustResize">

红色标注的地方为改变之后的值;

        通过设置这两个地方就能解决我们的APP启动的黑屏问题了,不过需要注意的是移除android的时候会将我们的修改删除,所以移除android平台之后再次添加的时候需要我们重新去配置