Ionic 3 Android 应用程序的状态栏文本颜色为深色或黑色

Posted 2023-03-13

【中文标题】Ionic 3 Android 应用程序的状态栏文本颜色为深色或黑色

【英文标题】：Ionic 3 Android app's status bar Text color to Dark or Black

【发布时间】：2017-11-28 07:57:15

【问题描述】：

我需要将状态栏文本颜色更改为深色（或黑色）。但是it is not supported on Cordova plugin。但是我已经看到在 android 本机设备上有一个方法，如下所示。我们可以在 Ionic 3 应用程序上做同样的事情吗也是？

Refernce:

<style name="statusBarStyle" parent="@android:style/Theme.DeviceDefault.Light">
    <item name="android:statusBarColor">@color/status_bar_color</item>
    <item name="android:windowLightStatusBar">false</item>
</style>

【问题讨论】：

你试过这个插件吗？ ionicframework.com/docs/native/status-bar 那你在 app.component.ts 中查看你在哪个平台，然后设置你需要的样式？

【参考方案1】：

你可以试试这个

statusBar.overlaysWebView(true);
statusBar.backgroundColorByHexString('#1f2933');

【参考方案2】：

您可以尝试将 DOM 元素的颜色绑定到一个变量并更改它。

或

你可以制作两个不同的 DOM 元素，每种颜色一个，然后使用 *ngIf 决定显示哪一个