Ionic 2更改选项卡上状态栏的颜色

时间:2018-09-06 12:35:04

标签: ionic-framework ionic2 ionic3

尝试在标签页中更改状态栏的颜色。它仅在第一次更改,并且在我单击选项卡之间之后,它不再更改颜色,而仅保留我单击颜色的最后一个选项卡。

尝试过ionViewDidLoad()ngOnInit(),但对于选项卡,似乎没有调用statusBar函数,如何在用户每次在选项卡之间切换时如何触发颜色更改?

  ngOnInit() {

    this.statusBar.backgroundColorByHexString('#f2d602');

  }

2 个答案:

答案 0 :(得分:0)

尝试使用ionViewWillEnter(),每次您进入该视图时都会启动此函数。有关更多信息,请参见以下链接中的离子生命周期。

configuration

答案 1 :(得分:0)

在app.component文件的builder()中调用此函数。它将被应用到您应用中的所有页面

constructor(){
this.platform.ready().then(() => {
      this.statusBar.backgroundColorByHexString('#f2d602');
}
}