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

来源:互联网 发布:管家婆软件打印机关闭 编辑:程序博客网 时间:2024/05/16 18:29

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可能显示不完整

原创粉丝点击