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

一、隐藏状态栏

1.安装插件：

cordova plugin add cordova-plugin-fullscreen

2.修改config.xml文件

<platform name="android">

...

<preference name="Fullscreen" value="true" />

...

</platform>

 

3.在app.component.ts文件里加入引用；

import { Nav, Platform } from 'ionic-angular';

import { StatusBar, Splashscreen } from 'ionic-native';

4.修改app.component.ts里的构造函数，保持引用切换回来的时候任然全屏

constructor(private platform: Platform){

    this.platform.ready().then(() => {

        StatusBar.hide();

        document.addEventListener('resume',()=>{

            StatusBar.hide();

        });

    });

}

二、保持全屏

1.安装插件

Ionic plugin addcordova-plugin-screen-orientation

2.修改config.xml文件

<preferencename="orientation"value="portrait" />

orientation设置可以让你锁定应用程序屏幕方向以阻止屏幕自动翻转。可选的值有：default，landscape(横屏)，portrait(竖屏)。