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

Question

我无法获得整个标题颜色更改。我设法改变白色标题的颜色，但不显示时间显示的黑色标题。我知道这是离开Ionic并且是Android的一部分，但我看到很多应用程序改变了颜色。

任何帮助都会很棒。

Answer 1

使用Ionic Native状态栏：     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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;