Ionic 5 电容器 - 如何在 IOS 上动态更改状态栏背景颜色

Question

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

1. cordova-plugin-statusbar与 IOS 的电容器不兼容
2. 从电容器状态栏插件， IOS 不支持方法setBackgroundColor

是否有任何解决方法可以在 IOS 上实现我的目标？

Answer 1

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

Answer 2

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

我已经通过这个解决了这个问题：

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

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