Ответ 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();