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(豎屏)。