ionic splash screen 之後出現的白屏解決辦法
阿新 • • 發佈:2019-01-08
ionic專案中,在splashscreen消失後會出現零點幾秒的白屏,再出現app頁面,通過Google以及各種嘗試,下面方法解決:
1. 安裝Cordova splash screen外掛
$ cd myapp
$ ionic plugin add org.apache.cordova.splashscreen
2. 修改ionic專案的config.xml 檔案,
<preference name="AutoHideSplashScreen" value="false"/>
<preference name="ShowSplashScreenSpinner" value="false"/> <preference name="SplashMaintainAspectRatio" value="true"/> <preference name="SplashShowOnlyFirstTime" value="false"/> <preference name="SplashScreenDelay" value="10000"/> <preference name="FadeSplashScreen" value="false"/>
即不讓閃屏自動隱藏,而在程式碼中手動隱藏splash screen
3. 在app.js中新增隱藏閃屏程式碼
$ionicPlatform.ready(function () { if (window.cordova && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); cordova.plugins.Keyboard.disableScroll(true); //延遲splash screnn 隱藏時間,不然會有短暫的白屏出現 setTimeout(function () { navigator.splashscreen.hide(); }, 1000); } });