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)就可以不用引用声明,直接调用了。显示状态栏:
友情提示:如果要全屏显示图片,记得使用背景图,并且css为(<any>window).
StatusBar.show();
background-size:cover;
不然ios可能显示不完整
阅读全文
1 0
- ionic 全屏显示,隐藏状态栏StatusBar
- 程序隐藏状态栏全屏显示
- android4.0.3去掉底部状态栏statusbar,全屏显示示例代码
- 隐藏状态栏statusbar
- 隐藏状态栏后,图片不能全屏显示
- 隐藏标题栏,状态栏,导航栏,显示全屏
- Android状态栏(一):StatusBar的浮动显示与隐藏
- iOS开发——状态栏隐藏与显示statusBar
- 透明状态栏效果+隐藏系统状态栏和标题栏(全屏显示)
- android之隐藏状态栏,全屏显示和隐藏虚拟按键
- Android frameworks隐藏状态栏StatusBar
- iOS-隐藏系统状态栏-statusbar
- ionic cordova 控制iOS状态栏的显示,隐藏,颜色
- 转: ionic cordova 控制iOS状态栏的显示,隐藏,颜色
- ionic ---- 控制ios状态栏的显示,隐藏,颜色
- android全屏,隐藏状态栏
- Android隐藏状态栏 全屏
- android去掉系统状态栏(StatusBar),让所有app程序均是全屏显示
- cmd下运行java程序,找不到或无法加载主类
- 继承UIScrollView 不能滚动
- Spring学习知识点
- installation of package ‘car’ had non-zero exit status
- 实训--day02反射
- ionic 全屏显示,隐藏状态栏StatusBar
- 关于SQL查询效率
- gradle 配置
- Android 开发进阶: 自定义 View 1-1 绘制基础
- input新类型type="range"的使用,针对样式的改写
- 获取 input[type=date]的值value
- android瑞士军刀:busybox
- 批量柱编号
- js与oc做交互的一个demo