Angular 在Ionic 2中隐藏状态栏

我已经使用Ionic 2构建了一个应用程序。当我在浏览器中运行它时，UI看起来很好，但一旦我在iOS模拟器中运行，一切都显得笨重。问题是状态栏。我需要隐藏状态栏。我尝试过从Ionic native使用状态栏，如下所示-

    import {StatusBar} from 'ionic-native';
constructor(platform: Platform) {
    platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      StatusBar.hide();
      //StatusBar.styleDefault();
    });

---

但实际上，它并没有隐藏状态栏，而是用我的页眉颜色覆盖状态栏颜色。隐藏状态栏的任何解决方案。

我正在处理ionic3，希望它也适用于Ionic2。 我也需要同样的，这是我的本地设置-

li packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.12.0
    ionic (Ionic CLI) : 3.12.0

global packages:

    cordova (Cordova CLI) : 7.0.1 

local packages:

    @ionic/app-scripts : 2.1.4
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.6.0

现在对以下文件进行更改，如下所示：-

config.xml

这对我很管用

注意：-更改将只反映在模拟器或android手机中，而不反映在 浏览器

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

StatusBar.overlaysWebView(true);