Ionic Android项目Splash设置

ionic项目中,在splashscreen消失后会出现零点几秒的白屏,再出现app页面。

1. 安装Cordova splash screen插件

ionic plugin add org.apache.cordova.splashscreen 

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

1 <!-- set splash screen -->
2 <preference name="SplashScreen" value="screen"/>
3 <preference name="AutoHideSplashScreen" value="false"/>
4 <preference name="ShowSplashScreenSpinner" value="false"/>
5 <preference name="SplashMaintainAspectRatio" value="true"/>
6 <preference name="SplashShowOnlyFirstTime" value="false"/>
7 <preference name="SplashScreenDelay" value="5000"/>
8 <preference name="FadeSplashScreen" value="false"/>

3.不让闪屏自动隐藏,而在代码中手动隐藏splash screen

 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 () {  navigator.splashscreen.hide();  }, 1000);  
 9        }  
10        }); 

执行 ionic build android 生成apk文件,安装运行,发现确实管用

原文地址:https://www.cnblogs.com/crazyguo/p/5640865.html