ionic2常見問題-啓動後白屏問題

問題描述

app啓動後大概有幾秒白屏,纔會顯示首頁,以下gif圖

啓動有白屏.gif

解決方法1

• 請查看如下3張圖的標註
  
  
  

  圖 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秒內
  因此咱們生成環境的apk啓動是不會慢的
  
  
  

  沒有白屏啦,但啓動比慢.gif

解決方法2

也能夠算不上解決方法,可是也可能比較有用,效果以下gif圖

• 只修改index.html,具體代碼以下圖, config.xml是最初的設置,這樣的好處是能夠用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"/>這句,就不會出現啓動時候那個一直在轉的圈圈,我上面的配置代碼沒有加
• 參考連接
• 當前版本信息