Hide StatusBar and fullscreen with Ionic 2 and Cordova
2016-06-01 21:01
357 查看
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
EventListenerto hide
StatusBarwhen 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 plugincordova 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>
相关文章推荐
- 使用C++实现JNI接口需要注意的事项
- Android IPC进程间通讯机制
- Android Manifest 用法
- [转载]Activity中ConfigChanges属性的用法
- Android之获取手机上的图片和视频缩略图thumbnails
- Android之使用Http协议实现文件上传功能
- Android学习笔记(二九):嵌入浏览器
- android string.xml文件中的整型和string型代替
- i-jetty环境搭配与编译
- android之定时器AlarmManager
- android wifi 无线调试
- Android Native 绘图方法
- Android java 与 javascript互访(相互调用)的方法例子
- android 代码实现控件之间的间距
- android FragmentPagerAdapter的“标准”配置
- Android"解决"onTouch和onClick的冲突问题
- android:installLocation简析
- android searchView的关闭事件
- SourceProvider.getJniDirectories