Подтвердить что ты не робот

Как изменить цвет текста верхнего столбца на белый в моем приложении Ionic?

Я изменил заголовок на более темный цвет, используя это:

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

Когда я запускаю его на ios, текст строки состояния (время, носитель, батарея и т.д.) наверху черный и трудно различимый на темном фоне. Как сделать этот текст белым?

Ответ 1

С плагином statusbar и ngCordova довольно просто:

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

Взгляните на полную статью здесь: http://learn.ionicframework.com/formulas/customizing-the-status-bar/

UPDATE - без ngCordova:

Проект Ionic по умолчанию поставляется с установленным плагином. Если у вас есть это утверждение внутри вашего запуска, возможно, у вашего проекта уже есть:

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

Итак, код станет:

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

ОБНОВЛЕНИЕ II

С новой версией 2.x cordova-plugin-statusbar метод StatusBar.style() был заменен этими новыми методами:

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

Проверьте документацию плагина