iOS Phonegap中的白色状态栏?

iOS Phonegap中的白色状态栏?,ios,xcode,cordova,statusbar,Ios,Xcode,Cordova,Statusbar,在Phonegap 3.1.0 for iOS7中,如何使顶部状态栏半透明并带有白色文本 应用程序在mobile Safari中看起来不错,但当我尝试在Phonegap中运行它时,顶部栏的文本只有在应用程序加载时才是白色的,之后无论我在项目的配置中设置了什么设置,它都是黑色的 现在有在网页中&“状态栏样式”=“黑色半透明”在XCode中。。。没用 请帮忙 添加这个 function onDeviceReady() { if (parseFloat(window.device.version)

在Phonegap 3.1.0 for iOS7中,如何使顶部状态栏半透明并带有白色文本

应用程序在mobile Safari中看起来不错,但当我尝试在Phonegap中运行它时,顶部栏的文本只有在应用程序加载时才是白色的,之后无论我在项目的配置中设置了什么设置,它都是黑色的

现在有
在网页中&“状态栏样式”=“黑色半透明”在XCode中。。。没用

请帮忙

添加这个

function onDeviceReady() {
  if (parseFloat(window.device.version) === 7.0) {
      document.body.style.marginTop = "20px";
   }
 }

document.addEventListener('deviceready', onDeviceReady, false);
iOS7中的状态栏问题
最后,我找到了解决办法

确保您具有以下内容: 在你的index.html上有以下元标记:

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

在Xcode中,打开[YourPrjectName].plist并添加以下行:

“状态栏样式”=“透明黑色样式(0.5的alpha)”和
“基于视图控制器的状态栏外观”=“否”


没有第二行输入将无法工作(实际上,这是我的问题)。

如果使用phonegap构建,您可以调用

StatusBar.styleLightContent();

您可以在不使用任何元标记或在XCode中编辑任何内容的情况下执行此操作

首先,通过CLI安装statusbar插件:

cordova plugin add cordova-plugin-statusbar
然后,您可以使用这些首选项设置状态栏的样式(在config.xml中):



这将在iOS 7中为您提供一个带有白色文本的透明条。有关其他选项,请查看下面的链接,希望这对您有所帮助


我想一个更为最新的答案可能会对这里的人有所帮助,这在cordova 3.7+和iOS 8.x中都可以使用,并且不需要额外的插件

在项目的plist文件中,确保“状态栏最初处于隐藏状态”和“基于视图控制器的状态栏外观”都设置为“否”

然后,在MainViewController.m中,在
-(void)viewDidLoad
中添加:

[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent animated:YES];

用于状态栏中的白色或黑色文本


或者,若要完全隐藏,请将上面的两个plist属性都设置为“是”,这似乎适用于隐藏它

可能已经太晚了,但是其他有同样问题的人可能会通过安装下面的插件来解决这个问题

cordova插件添加cordova-plugin-disable-ios11-statusbar——保存


然后构建并运行应用程序问题将得到解决

谢谢,但这不是我想要实现的。我希望顶部的栏是:1。半透明的,所以顶部的酒吧将是'相同的颜色'的任何低于它;2.用白色字体。。。当我在Safari中运行我的应用程序时,我拥有这两个功能。。。但当我在PhoneGap中运行它时,顶部栏的字体颜色是黑色的。如何将其变为白色?试试这可能会有帮助1)(2)(3)对我来说不起作用,遗憾的是-状态栏仍然是透明的,带有黑色文本是的,这样做后解决了白色状态栏的问题,以便在iOS 7中完美地显示状态栏:我实际上不得不使用Xcode更改MainViewController.xib文件中的设置-第四个选项卡图标(标尺右侧看起来像滑块的那个)有大小、方向、状态栏、顶部栏等选项-在这些选项的下方,在“淡色”选项的上方,是背景-将其更改为黑色!:)这应该是建议的答案,因为更易于维护。所有插件都已重命名,所以这应该是
cordova plugin添加cordova plugin statusbar
现在。
blacktranslucent
对我不起作用,但是
default
做了,并且statusbar变成了black translucentChrome说这个网站包含恶意软件
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent animated:YES];
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault animated:YES];