您的位置:首页 > 其它

ionic 全屏显示,隐藏状态栏StatusBar

2017-07-11 17:26 471 查看
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();[/code]
友情提示:如果要全屏显示图片,记得使用背景图,并且css为

background-size:cover;

不然ios可能显示不完整
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ionic2 cordova ionic