ionic项目会默认添加 cordova-plugin-statusbar 插件,可以控制状态栏
cordova官网链接如下:
https://github.com/apache/cordova-plugin-statusbar
所以,是可以按照如上的方法去操作
但是,千万不要用ionic官网的npm引用方式,会报错!
就是这个
npm install --save @ionic-native/status-bar
简直被官方文档坑死,不止一次了
在这儿提醒一下大家 使用cordova官网方法就是在deviceReady之后操作
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
console.log(StatusBar);
}
在ionic项目中即就是,在app.component.ts中
platform.ready().then(() => {}platform.redy之后使用
隐藏状态栏:
(<any>window).StatusBar.hide(); 使用(<any>window)就可以不用引用声明,直接调用了。
显示状态栏:
(<any>window).StatusBar.show();
友情提示:如果要全屏显示图片,记得使用背景图,并且css为
background-size:
cover;
不然ios可能显示不完整