Cordova-ios 中的状态栏保持半透明答案

【问题标题】：Statusbar in Cordova-ios stays translucentCordova-ios 中的状态栏保持半透明
【发布时间】：2017-12-12 17:00:59
【问题描述】：

我使用的是cordova状态栏插件，状态栏是半透明的白色。我正在使用最新版本的 macOS 和 xCode 为 iOS 11 进行开发。

我研究了错误，但建议的修复都没有帮助我。

向 index.html 的元标记添加 viewport-fit=cover 无效。

将 feature 标记 与 ios-package（如文档中所述）添加到 www/config.xml 作为小部件的子项。

将带有 StatusBarBackgroundColor 和 Overlay 的 preference 标签 添加到 config.xml（作为小部件和 ios 的子项）和 www/config.xml 不起作用。

在代码中与 cordova.platformId = 'ios' 内的 StatusBar 全局变量一起使用，没有效果。

最后app一开始是黑底，黑底没了，然后就是半透明状态栏了。

【问题讨论】：

标签： ios cordova native phonegap

【解决方案1】：

将此添加到我的 config.xml 为我解决了这个问题：

  <gap:plugin name="cordova-plugin-statusbar" source="npm"/>
  <preference name="StatusBarOverlaysWebView" value="false" />
  <preference name="StatusBarBackgroundColor" value="#ffffff" />
  <preference name="StatusBarStyle" value="default" />

【讨论】：

【解决方案2】：

所以，我遇到了类似的问题，我需要在状态栏上覆盖 WebView 并以 50% 的透明度显示为白色。所以我调查了插件代码并注意到，如果状态栏覆盖 WebView - 那么插件会忽略背景设置。

所以唯一的解决方案是分叉原始插件并对其进行修改。你可以把它拿在这里：

https://github.com/Fomenko-developer/cordova-plugin-statusbar

安装：

cordova 插件添加https://github.com/Fomenko-developer/cordova-plugin-statusbar.git

【讨论】：