离子 - 如何更改整个标题背景颜色？

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