Wie ändere ich die Textfarbe der oberen Leiste in meiner Ionic App in Weiß?

Question

änderte ich den Header zu einer dunkleren Farbe dies mit:

<ion-nav-bar class="bar-royal"> 

Wenn ich es auf ios laufe, in der Statusleiste Text (Zeit, Träger, Batterie usw.) an der Spitze ist schwarz und schwer zu sehen der dunkle Hintergrund. Wie mache ich diesen Text weiß?

Answer 1

Mit dem Plugin statusbar und ngCordova ist ziemlich einfach:

var app = angular.module('ionicApp', ['ionic', 'ngCordova']); 

app.run(function($cordovaStatusbar) { 
    $cordovaStatusbar.overlaysWebView(true); 

    $cordovaStatusBar.style(1); //Light 
    $cordovaStatusBar.style(2); //Black, transulcent 
    $cordovaStatusBar.style(3); //Black, opaque 
}); 

auf den ganzen Artikel hier Werfen Sie einen Blick: http://learn.ionicframework.com/formulas/customizing-the-status-bar/

UPDATE - Ohne ngCordova:

Das Standard-Ionic-Projekt wird mit dem Statusbar-Plugi ausgeliefert n installiert. Wenn Sie diese Aussage haben innerhalb Sie wahrscheinlich Ihr Projekt laufen bereits:

if(window.StatusBar) { 
    StatusBar.styleDefault(); 
} 

So ist der Code werden:

var app = angular.module('ionicApp', ['ionic']); 

app.run(function() { 
    if(window.StatusBar) { 
     StatusBar.overlaysWebView(true); 
     StatusBar.style(1); //Light 
     StatusBar.style(2); //Black, transulcent 
     StatusBar.style(3); //Black, opaque 
    } 
}); 

UPDATE II

Mit einer neuen Version 2.x des cordova-plugin-statusbar der StatusBar.style() Methode wurde mit diesen neuen Methoden ersetzt:

StatusBar.styleLightContent(); 
StatusBar.styleBlackTranslucent(); 
StatusBar.styleBlackOpaque(); 

Check the plugin's documentation