Hide StatusBar and fullscreen with Ionic 2 and Cordova
来源:互联网 发布:软件前端和后端 编辑:程序博客网 时间:2024/06/11 18:29
Resume
In some cases, we want to hide the status bar while developing our app. Here we will show you how can we hide the status bar with Ionic 2.
Headers
To hide status bar, we need to import the following libraries.
import { Platfrom, App } from 'ionic-angular';import { StatusBAr } from 'ionic-native';
Hide
We can add these codes to hide the status bar in our constructor.
constructor(private platform: Platform){ this.platform.ready().then(() => { StatusBar.hide(); document.addEventListener('resume',()=>{ StatusBar.hide(); }); });}
Because in some cases, when we switch to another app, and switch back to our app, the status back comes back. So I would suggest you to add an EventListener
to hide StatusBar
when resuming.
Until now, it seems that the native Ionic 2 resume listener (platform.pause.subscribe(()=>{ /* TODO */});
) hasn’t been implemented. I would recommend you to use native Ionic 2 event listener
Cordova plugin
Before using fullscreen, you should launch this command in you Terminal to install Cordova’s fullscreen plugin
cordova plugin add cordova-plugin-fullscreen
Fullscreen in XML
After installing the Cordova plugin, insert <preference name="Fullscreen" value="true" />
to you config.xml in <platform></platform>
<platform name="android">...<preference name="Fullscreen" value="true" />...</platform>
- Hide StatusBar and fullscreen with Ionic 2 and Cordova
- hide and appear of statusbar
- ionic添加cordova插件-StatusBar
- html5 video fullscreen and exit fullscreen
- hide statusBar
- 躲猫猫 hide-and-seek
- focus and keyboard hide
- HYSBZ1941-Hide and Seek
- Fragment Hide and Show
- Creating an Audio Calling App with Ionic and PhoneRTC
- Cordova and Session Cookies
- ios8 statusBar hidden and show
- ionic debug and webpack
- vimrc hide file and customization
- Android keyboard hide and show
- bzoj-1941 Hide and Seek
- [BZOJ 1941]Hide and Seek
- [BZOJ1941][Sdoi2010]Hide and Seek
- CPU评测
- css2的几种特殊选择器
- UVALive - 3135 Argus【优先队列】
- iOS之音频
- 鸟哥Java学习之String类 and StringBuffer类-常用对象API
- Hide StatusBar and fullscreen with Ionic 2 and Cordova
- java.lang.OutOfMemoryError: Java heap space解决方法
- 最近邻(NNC)
- HttpURLConnection
- Android开发之利用ViewPager实现导航页和滑动标签页效果
- SparseArray源码解析
- Codeblocks下搭建gtest框架
- 【刷题之路】不使用额外空间交换两个数
- Java用字符串生成的md5,sha1作为数据库主键, 去重