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)就可以不用引用声明,直接调用了。
友情提示:如果要全屏显示图片,记得使用背景图,并且css为
background-size:cover;
不然ios可能显示不完整
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可能显示不完整
相关文章推荐
- 标题栏和状态栏(全屏显示)的隐藏
- ionic cordova 控制iOS状态栏的显示,隐藏,颜色
- android去掉系统状态栏(StatusBar),让所有app程序均是全屏显示
- ionic 状态栏显示异常 statusBar
- 设置Android应用全屏显示(隐藏手机状态栏)
- Android全屏显示时,状态栏显示在最顶层,不隐藏。
- 隐藏标题栏,状态栏,导航栏,显示全屏
- android4.0.3 去掉系统状态栏(StatusBar),让所有app程序均是全屏显示
- android监听系统状态栏的显示与隐藏(全屏与否)
- 程序启动让LaunchImage全屏显示,状态栏隐藏,启动完成再显示
- ionic项目中手机状态栏显示使用$cordovaStatusbar插件
- Android 隐藏状态栏和Actionbar实现全屏显示
- iOS开发——状态栏隐藏与显示statusBar
- ionic项目中手机状态栏显示使用$cordovaStatusbar插件
- android去掉系统状态栏(StatusBar),让所有app程序均是全屏显示
- android之隐藏状态栏,全屏显示和隐藏虚拟按键
- ionic项目中手机状态栏显示使用$cordovaStatusbar插件
- 隐藏状态栏后,图片不能全屏显示
- ionic项目中手机状态栏显示使用$cordovaStatusbar插件
- 程序隐藏状态栏全屏显示