Hide StatusBar and fullscreen with Ionic 2 and Cordova

原创 2016年06月01日 21:01:02

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>
版权声明:本文章禁止商业使用,非商用转载必须注明出处和作者。作者保留一切权利。 举报

相关文章推荐

Ionic2 隐藏状态栏,全屏, 禁止旋转,保持横屏

一、隐藏状态栏 1.安装插件: cordova plugin add cordova-plugin-fullscreen 2.修改config.xml文件 "android"> ... "...

算法2 Two Sum

题目:给出一个数组,再给定一个目标数,求出当数组中的两个数之和等于目标数时,这个两个数的索引? 例:一个数组为int[] a= [1,2,3,4,5] ,目标值为 target=8 当a[2]+...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

ionic项目中手机状态栏显示使用$cordovaStatusbar插件

在项目中发现Android和iOS在手机状态栏样式不一样,然后就查到有一个cordova插件可以解决这个问题 1.下载插件$cordovaStatusbar命令: cordova plugin ad...

Ionic2跨平台项目(六)cordova多项目热修复

上篇文章详细介绍了cordova+Android项目的热修复过程,本篇探讨下,一个cordova项目如何集合多个cordova项目,它们是如何协作的,以及如何对他们分别进行热修复。多cordova项目...

ionic ---- 控制ios状态栏的显示,隐藏,颜色

前段时间在ionic项目中遇到这样的问题,ios的导航栏隐藏被手机的状态栏遮挡住了,解决方法: 1.安装插件: cordova plugin add org.apache.cordova.stat...

第三十一次codeforces竞技结束 #297 Div 2

A Vitaliy and Pie standard input/output 2 s, 256 MB    x3268 B Pasha ...

第二十四次codeforces竞技结束 #281 Div 2

Codeforces Round #281 (Div. 2) Editorial By albertg, 93 minutes ago, translation, ,  ...

第二十九次codeforces竞技结束 #293 Div 2

Problems     # Name     A Vitaly and Strings standard...

ios8 statusBar hidden and show

iOS8 statusBar hidden and show写博客的原因:从iOS7开始到iOS9,代码中一共不下6次用到,每次都要从网上搜好半天,但是依然不得要领,每次都要重复造车轮,相对来说,自己...

[BZOJ 1941]Hide and Seek

K-D Tree, max_dis, min_dis
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)