2016-09-01 4 views
4

Ich habe eine App mit Ionic 2.Wenn ich es im Browser laufen, sieht die Benutzeroberfläche gut aus, aber sobald ich im iOS-Simulator laufen, scheint alles sperrig.Das Problem ist mit Statusleiste. ich brauche den Status bar.I versucht, mit StatusBar aus ionischen-native, wie this-Verstecken StatusBar in Ionic 2

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

Aber in Wirklichkeit ist es nicht versteckt die Statusleiste, statt dessen nur übergeordnete Statusleiste Farbe mit meiner Seitenkopf Farbe zu verstecken. Irgendeine Lösung der versteckten Statusleiste.

Antwort

0

Ich arbeite an ionic3 und hoffe, dass es auch für ionische 2 funktioniert. Ich war auch in der Notwendigkeit von gleichen und hier ist mein lokaler 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 

Jetzt as-

config.xml

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

Komponente Änderungen in folgenden Dateien machen. ts

StatusBar.overlaysWebView(true); 

Das hat bei mir funktioniert.

Hinweis: - Änderungen werden nur im Simulator oder Android-Handy widergespiegelt, nicht in Browser.