Ionic在iPhone上如何设置状态栏透明

Ionic在iPhone上如何设置状态栏透明,iphone,cordova,ionic-framework,statusbar,Iphone,Cordova,Ionic Framework,Statusbar,嗨,我正在创建一个基于爱奥尼亚的应用程序 我想将我的状态栏设置为透明,如下所示 但我试过任何一种代码,它总是这样 这是我的app.js设置 if (window.StatusBar) { StatusBar.overlaysWebView(true); StatusBar.styleLightContent(); } 我怎样才能像第一张照片那样正确 我认为您需要明确设置背景色,如下所示 if (window.StatusBar) {

嗨,我正在创建一个基于爱奥尼亚的应用程序

我想将我的状态栏设置为透明,如下所示

但我试过任何一种代码,它总是这样

这是我的
app.js
设置

    if (window.StatusBar) {
        StatusBar.overlaysWebView(true);
        StatusBar.styleLightContent();
    }

我怎样才能像第一张照片那样正确

我认为您需要明确设置背景色,如下所示

if (window.StatusBar) {
    StatusBar.overlaysWebView(true);
    StatusBar.styleLightContent();
    StatusBar.backgroundColorByHexString('#14c1f3');
}

另请参见

我以这种方式更改了代码,但它看起来仍然像第二张图片。这是关于Ionic View应用程序的问题,不是我自己的吗?或者只是设置错误?Q_QCan记得在常规Xcode项目中有类似的问题。将那里的状态栏样式设置为默认。但在我的例子中,我在导航栏中使用了黑色文本,因此可能无法解决您的问题。在此处发现类似问题。解决方案是将StatusBar.OverlysWebView设置为false。现在没有合适的开发环境,所以无法为您测试。您解决了吗?@dwinbrown还没有。你也陷入了同样的窘境?请帮忙!尽管代码是正确的,但该应用程序的显示与第二张图片所示类似。状态栏的背景不是我想要的。我发现这只是爱奥尼亚浏览器应用程序的一个bug。当我真的在我的设备上运行它时,它没有运行it@dwinnbrown谢谢你,兄弟,这就是我想的!因为相同的设置在模拟器和离子查看器之间得到不同的结果。模拟器的结果是正确的,但当你看到第二张图片时,Ionic Viewer应用程序被白色覆盖。是的,我发现了这一点,并且在更多的研究发现其他人也有这个问题。我确实向ionic viewer应用程序的开发人员提出了这个问题,但他们确实做出了回应,所以他们现在应该知道了。我只是暂时忽略了它,因为我知道当我在模拟器或设备上运行时,它工作得很好。