时间戳

首页 > 解决方案 > Ionic 5 Capacitor - 如何在 IOS 上动态更改状态栏背景颜色

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

问题描述

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

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

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

标签： iosionic-frameworkcordova-pluginsionic5

解决方案

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

推荐阅读