iOS背景色上的状态栏

iOS背景色上的状态栏,ios,cordova,ionic-framework,cordova-plugins,ionic-v1,Ios,Cordova,Ionic Framework,Cordova Plugins,Ionic V1,我很难将iOS状态栏背景色设置为透明。我正在使用最新版本的cordova statusbar和ionic,并将所有内容保留为其默认设置,但出于某种原因,我得到了白色背景色。如何设置背景色以进行移植,我认为这是默认值 由维护。插件将帮助您实现您想要做的事情 添加插件后,在config.xml中添加以下首选项以获得黑色背景 <preference name="StatusBarBackgroundColor" value="#000000" /> 要更改状态栏中图标和文本的颜色,可

我很难将iOS状态栏背景色设置为透明。我正在使用最新版本的cordova statusbar和ionic,并将所有内容保留为其默认设置,但出于某种原因,我得到了白色背景色。如何设置背景色以进行移植,我认为这是默认值

由维护。插件将帮助您实现您想要做的事情

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

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

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

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


可用值为默认值、lightcontent、Black半透明、Black不透明。

好的,请参考以下内容:

该问题出现在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" />

如果您使用的是statusbar插件,还应将其更新为最新版本(2.3.0刚刚发布)。这个新版本的插件处理iPhoneX缺口

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

请检查以下内容

window.cordova.plugins.StatusBar.overlyswebview(false)

它对我有用。

这对我有用:

  • 运行
    cordova插件添加https://github.com/apache/cordova-plugin-statusbar.git

  • config.xml
    标记中添加

  • index.html添加

  • 保存

  • 启动模拟器


  • 有一个插件,我尝试了这两种方法,但看起来它们都被完全忽略了,即使我直接从XCode更改了设置,我只是来这里这么说的。这是iOS 11的新功能--我也遇到了同样的问题。