11

我很难将 iOS 状态栏背景颜色设置为透明。我正在使用最新版本的科尔多瓦状态栏和离子，并将所有内容保留为默认设置，但是由于某种原因我得到了白色背景颜色。我如何设置要移植的背景颜色，尽管这是默认值。

ios-状态栏

4

5 回答 5

18

好的，参考后：

该问题发生在 iOS 11 和 cordova-ios-4.5.0 中，只需在 index.html 中将封面值添加到 viewport-fit 即可解决，如下所示：

   <meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
于 2017-11-04T14:07:01.630 回答
5

这对我有用：

  1. 跑cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git

  2. config.xml添加<preference name="StatusBarBackgroundColor" value="#" />内部<platform name='ios'>标签

  3. index.html添加 <meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />

  4. 节省。

  5. 启动模拟器。

透明状态栏截图

于 2019-10-04T17:33:49.510 回答
1

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

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

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

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

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

可用值为默认值、光内容、黑色半透明、黑色不透明。

于 2017-10-30T11:15:26.093 回答
1

请检查以下

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

它对我有用。

于 2019-05-03T18:10:03.963 回答
0

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

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

于 2017-11-10T09:54:33.580 回答