Ionic 2のステータスバーを非表示にする

Question

Ionicを使用してアプリケーションをビルドしています。ブラウザで実行すると、UIがうまく見えますが、iOSシミュレータで実行するとすぐにすべてがかさばるように見えます。私はbar.Iがthis-

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(); 
    }); 

しかし、現実にはそのステータスバー、私のページヘッダの色を持つ代わりに、そのわずかオーバーライドステータスバーの色を隠していないように、イオン性ネイティブからステータスバーにしようとした地位を非表示にする必要があります。ステータスバーを隠すソリューション。

Answer 1

私はionic3に取り組んでおり、イオン2でもうまくいくことを期待しています。 私はそれを必要とするでもあったし、ここに私の地元のセットアップ - である

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の

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

コンポーネントAS-ファイルは次の変更を行います。 ts

StatusBar.overlaysWebView(true); 

それは私のために働いた。

注：変更点は、 ブラウザではなく、シミュレータまたはAndroid携帯端末でのみ反映されます。