Làm cách nào để thay đổi màu văn bản trên thanh thành màu trắng trong Ứng dụng Ionic của tôi?

Question

Tôi đã thay đổi tiêu đề để một màu tối hơn sử dụng này:

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

Khi tôi chạy nó trên ios, các văn bản trên thanh trạng thái (thời gian, vận chuyển, pin, vv) ở phía trên là màu đen và khó nhìn thấy trên nền tối. Làm thế nào để làm cho văn bản này màu trắng?

Answer 1

Với plugin statusbar và ngCordova là khá đơn giản:

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

Hãy xem để toàn bộ bài viết ở đây: http://learn.ionicframework.com/formulas/customizing-the-status-bar/

CẬP NHẬT - Nếu không có ngCordova:

Dự án Ionic mặc định đi kèm với thanh trạng thái n đã cài đặt. Nếu bạn có tuyên bố này bên trong bạn chạy lẽ dự án của bạn đã có:

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

Vì vậy, mã trở thành:

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

CẬP NHẬT II

Với phiên bản 2.x mới của cordova-plugin-statusbar sự Phương pháp StatusBar.style() được thay thế bằng các phương pháp mới này:

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

Check the plugin's documentation