iOS 背景色上的状态栏

Question

我很难将 iOS 状态栏背景颜色设置为透明。我正在使用最新版本的 cordova statusbar 和 ionic，并将所有内容保留为默认设置，但是由于某种原因我得到了白色背景颜色。移植的背景色怎么设置呢，反正默认就是这个了

Answer 1

由 luckystarr. Plugin cordova-plugin-statusbar 维护将帮助您实现您想做的事情。

添加插件后在config.xml中添加以下首选项以获得黑色背景

<preference name="StatusBarBackgroundColor" value="#000000" />

要更改状态栏中图标和文本的颜色，您可以使用

<preference name="StatusBarStyle" value="lightcontent" />

可用值为默认值、lightcontent、blacktranslucent、blackopaque。

Answer 2

好的所以参考之后：

问题出现在 iOS 11 和 cordova-ios-4.5.0 中，只需在 index.html 中将 cover 值添加到 viewport-fit 即可解决:

   <meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />

Answer 3

如果您正在使用状态栏插件，您也应该将其更新到最新版本（2.3.0 刚刚发布）。这个新版本的插件处理 iPhone X 缺口。

顺便说一句，问题与 cordova-ios 版本无关，当您使用 iOS 编译应用程序时，它是 WebView 的新 "feature" 11 SDK（如果您使用 Xcode 8，它不会出现，因为它使用 SDK 10）。 viewport-fit=cover 是删除这个虚假状态栏的方法。

Answer 4

请查看关注

window.cordova.plugins.StatusBar.overlaysWebView(假);

对我有用。

Answer 5

这对我有用：

运行 cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git
config.xml 在 <platform name='ios'> 标签内添加 <preference name="StatusBarBackgroundColor" value="#" />
index.html 添加<meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
保存。
启动模拟器。

Status Bar on iOS Background Color