Ionic iOS White Statusleiste

Question

So habe ich derzeit ein Problem mit der Statusleiste beim Versuch, meine App auf Ionic Viewer App zu verwenden, scheint, dass, auch wenn ich versuche, einen neuen Stil der Statusleiste, in iOS Hintergrundfarbe ist irgendwie transparent, aber ich möchte, dass sie der Farbe des Headers entspricht, so dass beide zusammengefügt werden, was es fantastisch aussehen lässt. Gibt es eine Möglichkeit, die Farbe der Statusleiste in Blau und den Text in Weiß zu ändern? Ich suchte und versuchte, diese zu bekommen, aber scheint nicht zu funktionieren:

Status bar issue

Answer 1

Try this:

<ion-header> 
    <ion-navbar color="primary"> 
    <button ion-button menuToggle> 
     <ion-icon name="menu" color="light"></ion-icon> 
    </button> 
    <ion-title>home</ion-title> 
    <ion-buttons end> 
     <button ion-button icon-only> 
     <ion-icon name="search" color="light"></ion-icon> 
     </button> 
    </ion-buttons> 
    </ion-navbar> 
</ion-header> 

in variables.scss verwendet Farben

$colors: (
    primary: #2196F3, 
    secondary: #ff307f, 
    danger:  #f44336, 
    light:  #f4f4f4, 
    dark:  #222 
); 

Hier ist die Bild, das zeigt, wie dies in Android und iPhone-Geräten aussieht: