ionic（phonegap）-SplashScreen设置

ionic（phonegap）-打包后app 启动界面消失后黑屏

标签（空格分隔）： ionic

---

SplashScreen

社区提问

stackoverflow

$  ionic resources
   或 
$ ionic resources --icon  ##单独生成应用图标
$ ionic resources --splash  ##单独生成应启动画面图片

ionic会把你的图标上传到它的服务器然后再给你返回来,所以必须能上网,注意: 图标必须是.png,.psd.ai不能是由其它的图标更改后者来的
执行成功后会在你config.xml下生成代码:

添加SplashScreen插件

但是你可能发现你的启动画面没有,可能就是黑了一下就到了应用了,无论你怎么去更改你的config.xml都是没有效果的,经过几番折腾发现了解决办法:

$ cordova plugin add cordova-plugin-splashscreen

配置config.xml

##默认只有SplashScreen和SplashScreenDelay
  <preference name="SplashScreen" value="screen"/>
  <preference name="SplashScreenDelay" value="10000"/>#显示时间
  <preference name="AutoHideSplashScreen" value="false"/>#禁止自动隐藏
  <preference name="auto-hide-splash-screen" value="false"/>#禁止自动隐藏
  <preference name="FadeSplashScreen" value="false"/>#禁用淡出效果
  <preference name="SplashMaintainAspectRatio" value="true" />#图像cover屏幕
  <preference name="ShowSplashScreenSpinner" value="false" />#隐藏加载灰圈
  <preference name="SplashShowOnlyFirstTime" value="false" />#每次重新启动都显示

app.js

document.addEventListener("deviceready", onDeviceReady, false);    
function onDeviceReady() {    
  navigator.splashscreen.hide();    
} 
//如果用的是ionic，在.run（）里面直接加
navigator.splashscreen.hide();