ionic splash screen 之后出现的白屏解决办法

ionic项目中,在splashscreen消失后会出现零点几秒的白屏,再出现app页面,通过Google以及各种尝试,下面方法解决:

1. 安装Cordova splash screen插件

$ cd myapp
$ ionic plugin add org.apache.cordova.splashscreen

2. 修改ionic项目的config.xml 文件,

  
  
  
  
  
  

 即不让闪屏自动隐藏,而在代码中手动隐藏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);
        }
        });
            


你可能感兴趣的:(前端开发)