如何仅使用离子2在特定页面中设置状态栏颜色

Question

我正在使用离子2为Android创建一个移动应用程序。

我正在使用status bar plugin制作状态栏背景颜色。但我想更改每个页面中的状态栏颜色。

当我在app.component.ts中使用以下代码时。但它反映在所有页面上。如何实现呢？

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

 constructor(private statusBar:StatusBar){

  this.platform.ready().then(() => {
     this.statusBar.backgroundColorByHexString('#ff6d79');
     this.splashScreen.hide();
   });
 }

Answer 1

在每个页面上，您都应该单独设置它。

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

export class HomePage {

  constructor(private statusBar:StatusBar){

  }

  ionViewDidLoad() {
    this.statusBar.backgroundColorByHexString('#ff6d79');
  }

}