Cordova iPhone X 状态栏添加白色空栏

Posted 2023-04-18

【中文标题】Cordova iPhone X 状态栏添加白色空栏

【英文标题】：Cordova iPhone X status bar adds white empty bar

【发布时间】：2018-07-15 21:52:10

【问题描述】：

我想在所有 ios 设备上使用 StatusBarOverlaysWebView 设置为 false，但随后在 iPhone X 上出现白条

如果我将StatusBarOverlaysWebView 设置为true，那么 iPhone X 上就没有白条，但是所有其他没有“缺口”的手机都会得到不希望的覆盖状态栏，我必须用 css 来解决这个问题，我没有不想做。

有没有办法让状态栏插件不在 iPhone X 上添加额外的空白？

为了记录，我从 github 和viewport-fit=cover set 安装了最新的状态栏插件

【问题讨论】：

你能发布你的 config.xml 吗？我面临同样的问题，无法解决。

【参考方案1】：

如果你不在全屏应用程序中使用，插件将无法正常工作。

切换到使用启动故事板（请参阅启动屏幕插件文档），您将在 iPhone X 上拥有全屏应用，并且状态栏插件将按预期工作。

【讨论】：

谢谢两位，确实使用故事板解决了这个问题。

【参考方案2】：

确保您使用的是最新的 cordova-plugin-statusbar 和 cordova-plugin-splashscreen。并且您必须使用 Launch 故事板图像才能使布局正常工作。