Cordova iOS白色条顶部

将StatusBarOverlaysWebview添加到config.xml后，我在屏幕顶部显示一个白色条，所有内容都被按下（参见屏幕截图 – 状态栏顶部有一个白条）。 因此，不仅仅将状态栏高度（20px）添加到屏幕，它还增加了40px。

我仔细检查了所有的样式，一切看起来都很好，所以我猜它是由插件引起的。 谁能告诉我如何解决这个问题？

这是我的配置：

这是没有设置颜色和使用window.StatusBar.overlaysWebView（false）的样子; 而不是config.xml

Answer 1

试试这个，下面的代码对我有用：

如果您仍然遇到问题，并且在之前的版本中，如果相同的代码适合您，请检查插件是否已安装且工作正常

更新 ：对于iOS 11和iPhone X，库和HTML元标记中有一些更改

在index.html中将元标记更改为：

请更新ionic-angular库以获取最新的设备支持

更多信息： iOS 11离子检查表

Answer 2

这个东西在我的应用程序中使用状态栏插件为我工作。

Try with below code.

Answer 3

试试这个：

config.xml为状态栏添加以下内容：

app.run.js

 if (window.StatusBar) { // cordova plugin org.apache.cordova.statusbar is used window.StatusBar.styleLightContent(); } 

Answer 4

我认为你使用OnsenUI这将是问题…不是状态栏插件。 试试ons.disableAutoStatusBarFill（）; 解决问题;）

Answer 5

这似乎是Cordova处理iOS 11状态栏的方式的错误。 作为修复，你可以把

在index.html中。