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

xiaoxiao2021-02-28  66

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

转载请注明原文地址: https://www.6miu.com/read-74143.html

最新回复(0)