将 StatusBarOverlaysWebview 添加到 config.xml 后，我在屏幕顶部看到一个白条，并且所有内容都被向下推（见屏幕截图 - 状态栏顶部有一个白条）。因此，它不只是将状态栏高度（20px）添加到屏幕上，而是增加了 40px。
我仔细检查了所有样式，一切看起来都很好，所以我猜它是由插件引起的。谁能告诉我如何解决这个问题？
这是我的配置：
<preference name="StatusBarOverlaysWebview" value="false" />
<preference name="StatusBarBackgroundColor" value="#FF543E" />
<preference name="fullscreen" value="true" />
这是没有设置颜色和使用 window.StatusBar.overlaysWebView(false);而不是 config.xml
【问题讨论】：
试试这个，下面的代码对我有用：
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#2D81C1" />
<preference name="Fullscreen" value="false" />
如果您仍然有问题，并且在以前的版本中相同的代码为您工作，请检查插件是否已安装并正常工作
更新：对于 iOS 11 和 iPhone X，库和 HTML 元标记有一些变化
在 index.html 中将元标记更改为：
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
请同时更新 ionic-angular 库以获得最新设备支持
更多信息在这里：iOS 11 ionic checklist
【讨论】：
这似乎是 Cordova 处理 iOS 11 状态栏的方式的一个错误。作为修复，您可以将
<meta name="viewport" content="viewport-fit=cover">
在您的 index.html 中。
【讨论】：
这个东西在我的应用中使用状态栏插件为我工作。
Try with below code.
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarStyle" value="lightcontent" />
<preference name="StatusBarBackgroundColor" value="#FF543E" />
【讨论】：
试试这个：
config.xml 为状态栏添加以下内容：
<preference name="StatusBarBackgroundColor" value="#FFFFFF" />
app.run.js
if (window.StatusBar) {
// cordova plugin org.apache.cordova.statusbar is used
window.StatusBar.styleLightContent();
}
【讨论】：
styleLightContent() 而不是overlaysWebView(false)。你在哪里看到overlaysWebView()？
我认为您使用 OnsenUI 会是问题所在...不是状态栏插件。试试 ons.disableAutoStatusBarFill();解决问题;)
【讨论】：