離子 - 如何更改整個標題背景顏色？

Question

我無法獲取整個標題顏色變化。我設法改變白色標題的顏色，但不顯示時間顯示的黑色標題。我知道這是離開Ionic，是Android的一部分，但我看到了許多改變顏色的應用程序。

任何幫助將是偉大的。

Answer 1

使用離子原生狀態欄： npm install @ionic-native/core --save ionic cordova plugin add cordova-plugin-statusbar npm install --save @ionic-native/status-bar 添加插件到應用的模塊

` ...

import { StatusBar} from '@ionic-native/status-bar'; 

... 

@NgModule({ 
    ... 

    providers: [ 
    ... 
    StatusBar 
    ... 
    ] 
    ... 
}) 
export class AppModule { } 

`

，然後在rootPage使用它：

`

import { StatusBar } from '@ionic-native/status-bar'; 

constructor(private statusBar: StatusBar) { } 

... 

// let status bar overlay webview 
this.statusBar.overlaysWebView(true); 

// set status bar to white 
this.statusBar.backgroundColorByHexString('#ffffff'); 

`

欲瞭解更多信息：https://ionicframework.com/docs/native/status-bar/

Answer 2

.scss

.toolbar-background{ 
 
    background-color:#7e6cfc; 
 
}