1. 程式人生 > >ionic splash screen  之後出現的白屏解決辦法

ionic splash screen  之後出現的白屏解決辦法

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);
        }
        });