如何在 Ionic 2 中更改状态栏颜色

Question

我看到很多由 ionic 2 开发的应用程序支持与 header 相同颜色的状态栏颜色，但我无法在我的应用程序中做到这一点

这张图片显示了我将它构建为 apk 并安装在我的 android phone

上时的状态栏

但我想这样做（如果可能的话）

Answer 1

要更改颜色，您可以尝试 app.component.ts，在 constructor 中：

（假设你已经在你的 ctor 上注入了 statusBar: StatusBar）

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

不确定如何像您展示的示例那样降低一点不透明度。也许：

this.statusBar.styleBlackOpaque()
//or
this.statusBar.styleBlackTranslucent()

让我们知道什么对您有用。

Answer 2

您的回答代码

//set top status bar overlay
statusBar.overlaysWebView(true);
// set status bar to red
statusBar.backgroundColorByHexString('#f00');

访问此站点以获取 Link 并使用代码了解更多教程

获取完整代码

How to make status bar color changeable in Ionic 2