ionic(phonegap)-打包后app 启动界面消失后黑屏
标签(空格分隔): ionic
SplashScreen
社区提问
$ 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();