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

转自：http://blog.csdn.net/dounainaicsdn/article/details/50767667

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

1. 安装Cordova splash screen插件

[html]  view plain  copy

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

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

[html]  view plain  copy

1. <preference name="AutoHideSplashScreen" value="false"/>  

[html]  view plain  copy

1. <preference name="ShowSplashScreenSpinner" value="false"/>  
2. <preference name="SplashMaintainAspectRatio" value="true"/>  
3. <preference name="SplashShowOnlyFirstTime" value="false"/>  
4. <preference name="SplashScreenDelay" value="10000"/>  
5. <preference name="FadeSplashScreen" value="false"/>  

即不让闪屏自动隐藏，而在代码中手动隐藏splash screen

3. 在app.js中添加隐藏闪屏代码

[html]  view plain  copy

1. $ionicPlatform.ready(function () {  
2.        if (window.cordova && window.cordova.plugins.Keyboard) {  
3.            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);  
4.   
5.            cordova.plugins.Keyboard.disableScroll(true);  
6.   
7.            //延迟splash screnn 隐藏时间,不然会有短暂的白屏出现  
8.            setTimeout(function () {  
9.                navigator.splashscreen.hide();  
10.            }, 1000);  
11.        }  
12.        });  
13.