問題描述
app啟動后大概有幾秒白屏,才會顯示首頁,如下gif圖
啟動有白屏.gif
解決方法1
-
請查看以下3張圖的標(biāo)注
圖 1-最初config.xml配置
圖 2-更改后的splash配置
圖 3
-
config.xml配置代碼
<preference name="ShowSplashScreen" value="true"/>
<preference name="SplashScreen" value="screen"/>
<preference name="SplashScreenDelay" value="3000"/>
<preference name="AutoHideSplashScreen" value="false"/>
<preference name="SplashShowOnlyFirstTime" value="false"/>
<preference name="FadeSplashScreen" value="false"/>
<feature name="SplashScreen">
<param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen"/>
</feature>
- 目前雖然沒有白屏了,但是啟動畫面顯示時間比較長
使用ionic build android生成的.apk啟動時間比較長,如下gif圖
使用ionic build android --prod生成的.apk啟動時間在5秒內(nèi)
所以我們生成環(huán)境的apk啟動是不會慢的
沒有白屏啦,但啟動比慢.gif
解決方法2
可以看看,不建議用.
- 只修改
index.html,具體代碼如下圖,config.xml是最初的設(shè)置,這樣的好處是可以用html控制首頁的樣式.
<div class="appSplash">
<div style="font-size: 30px;text-align: center">這里可以放廣告圖片</div>
<img src="./assets/img/qr_code.png" alt=""
</div>
其他
-
config.xml配置代碼加上<preference name="ShowSplashScreenSpinner" value="false"/>這句,就不會出現(xiàn)啟動時候那個一直在轉(zhuǎn)的圈圈,我上面的配置代碼沒有加
