Comment puis-je modifier le texte de la barre de couleur blanc dans mon Ionique Application?

J'ai changé l'en-tête pour une couleur plus foncée à l'aide de ceci:

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

Lorsque je l'exécute sur ios, le texte de barre de statut (temps de transport, le transporteur, batterie, etc), à la tête est noire et difficile à voir sur le fond sombre. Comment puis-je faire de ce texte blanc?

Comment puis-je modifier le texte de la barre de couleur blanc dans mon Ionique Application?

OriginalL'auteur Ira Herman | 2015-02-24

  1. 31

    Avec le plugin statusbar et ngCordova est assez simple:

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

    Prendre un coup d'oeil à l'intégralité de l'article ici:
    http://learn.ionicframework.com/formulas/customizing-the-status-bar/

    Mise à JOUR - Sans ngCordova:

    Par défaut Ionique projet est livré avec la barre d'état plugin installé. Si vous avez cette déclaration à l'intérieur de vous exécuter probablement votre projet:

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

    De sorte que le code devient:

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

    MISE À JOUR II

    Avec une nouvelle version 2.x de la cordova-plugin-statusbar la StatusBar.style() méthode a été remplacé avec ces nouvelles méthodes:

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

    Vérifiez la documentation du plugin

    Cela ne semblait avoir changé dans les versions plus récentes de ionique, mais j'ai été en mesure d'utiliser cette information pour déterminer si j'ai mis StatusBar.style(1) dans app.js dans: .run(function($ionicPlatform) {... if (window.StatusBar) { l'article, il fonctionne. J'ai également supprimé les StatusBar.styleDefault(); qui était déjà là.
    Par défaut, si vous créez un projet à l'aide de la CLI, la barre de statut est déjà installé.
    Changer la couleur du texte ne fonctionne pas pour la barre d'état ionique dans les 3

    OriginalL'auteur manzapanza