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

本文介绍了解决Ionic3项目启动时出现长时间黑白屏的方法。通过修改Android平台的样式文件和配置文件,显著减少了应用启动时间。这些更改包括自定义主题、调整配置参数等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在开始接触Ionic3项目时,对项目进行调试的时候总是会出现启动前的黑白屏,并且启动的时间还很长甚至超过20多秒,简直不是App里面根本不允许的东西,为了解决这个问题,寻找了很多种方式来解决,都未能成功,最后实践博客(http://blog.youkuaiyun.com/tyro_java/article/details/74606239)得到解决方案:

首先在路径为 platforms/android/res/values/下新建styles.xml,编辑如下:

<resources>

   <stylename="Theme.AppStartLoadTranslucent"parent="android:Theme">

       <itemname="android:windowBackground">@drawable/screen</item>

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

   </style>

</resources>

然后修改在platforms/android/AndroidManifest.xml 中的android:name为”MainActivity”的activity的theme值,如:

android:theme="@style/Theme.AppStartLoadTranslucent",这时启动黑白屏解决[7]config.xml配置:

  <preference name="webviewbounce" value="false" />
  <preference name="UIWebViewBounce" value="false" />
  <preference name="DisallowOverscroll" value="true" />
  <preference name="android-minSdkVersion" value="18" />
  <preference name="BackupWebStorage" value="none" />
  <preference name="AutoHideSplashScreen" value="false" />
  <preference name="ShowSplashScreenSpinner" value="false" />
  <preference name="SplashMaintainAspectRatio" value="true" />
  <preference name="SplashShowOnlyFirstTime" value="false" />
  <preference name="SplashScreenDelay" value="2000" />
  <preference name="FadeSplashScreen" value="false" />

接下来进行 ionic cordova build android --prod进行对App打包,加了--prod参数之后,项目启动会加快很多,目前项目启动一般五秒以内进入App之中。


评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值