Cordova 应用程序上的透明状态栏答案

【问题标题】：Transparent status bar on Cordova appsCordova 应用程序上的透明状态栏
【发布时间】：2018-04-15 22:24:38
【问题描述】：

有没有办法将 Cordova 应用程序（Android 和 iOS）上的状态栏设置为透明？如果我不使用 Cordova StatusBar 插件，iOS 上的状态栏将是透明的，但它也会与导航栏重叠。在 Android 中，它会有一些默认颜色。如果我使用 StatusBar 插件，我必须设置一个适用于 Android 和 iOS 的颜色值。我在网上找到的所有可能的解决方案都不适合我。有什么想法吗？

07/12-17 更新 我尝试了一些不同的解决方案，但没有任何效果，所以我还有另一个问题。无论如何在应用程序的不同页面上的状态栏上设置不同的颜色？

【问题讨论】：

标签： android ios cordova android-statusbar

【解决方案1】：

截至 2020 年，以下解决方案似乎是 iOS 的唯一工作方法。

安装：科尔多瓦插件状态栏 2.4.3

<script type="text/javascript" src="cordova.js" />
<script type="text/javascript">

    if (this.platform.is('ios')) {
   Plugins.StatusBar.setOverlaysWebView({overlay: true});
   Plugins.StatusBar.setBackgroundColor({color: '#33000000'});
}
</script>

【讨论】：

【解决方案2】：

我刚找到它，在他们的文档中没有提到，但它很简单：

<preference name="StatusBarBackgroundColor" value="transparent" />

【讨论】：