Ionic 5 Capacitor - 如何在 IOS 上动态更改状态栏背景颜色答案

【问题标题】：Ionic 5 Capacitor - How to change the status bar background color dynamically on IOSIonic 5 Capacitor - 如何在 IOS 上动态更改状态栏背景颜色
【发布时间】：2020-12-14 02:50:17
【问题描述】：

我正在使用带有 Ionic 5 的电容器，我需要动态更改状态栏背景颜色（不同页面上的不同颜色）。在 Android 上一切正常（电容器和 cordova 插件都可以），但在 IOS 上我发现了一些限制：

cordova-plugin-statusbar 是 not compatible with Capacitor for IOS
来自Capacitor状态栏插件，方法setBackgroundColor是not supported for IOS

有什么解决方法可以实现我在 IOS 上的目标吗？

【问题讨论】：

标签： ios ionic-framework cordova-plugins ionic5

【解决方案1】：

最后，我找到了解决方案。 IOS 上的状态栏是透明的，所以有一个简单的解决方案，就是在应用主体上设置背景颜色，例如：document.body.style.backgroundColor = "#e34233";。

【讨论】：

【解决方案2】：

我正在使用“cordova-plugin-statusbar”版本 2.4.2

我已经解决了这个问题：

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

您可以动态设置状态栏颜色

【讨论】：

带电容的IOS不支持cordova-plugin-statusbar