Скрыть StatusBar в Ionic 2

Question

У меня есть приложение, использующее Ionic 2. Когда я запускаю его в браузере, пользовательский интерфейс выглядит хорошо, но как только я запускаю в iOS симуляторе, все кажется громоздким. Проблема связана со строкой состояния. Мне нужно, чтобы скрыть статус bar.I пытался с StatusBar от ионно-родной, как 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. Я был также в необходимости же, и вот мой местный Setup-

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" /> 

компонентов. ts

StatusBar.overlaysWebView(true); 

Это сработало для меня.

Примечание: - Изменения будут отражаться только в симуляторе или телефоне для Android, а не в браузере .