Ios Ionic 4和nodge iPhone顶部和底部的奇怪视觉缺陷

我用Ionic 4构建了一个混合应用程序。该应用程序在大多数设备上运行良好，但在带有nodge的iPhone（如iphone11或X）上出现了一个奇怪的bug

我想删除这些顶部和底部空间。我尝试过的事情：

• this.statusBar.overlyswebview（true）初始化app（）中的code>

• 在

  index.html

• 更新状态栏插件（cordova插件状态栏）
• 直接从github repo而不是Ionic插件添加状态栏
• 在Ionic css中添加

  安全区域插入

  变量
• 尝试故事板启动屏幕
• 直接从Github repo添加状态栏插件：

  ionic cordova插件添加https://github.com/apache/cordova-plugin-statusbar.git

• 增加安全区域

---

我能把它漆成黑色吗？在像Pixel xl这样的Android节点中，它就是这样工作的。

这能回答你的问题吗？谢谢，但没用。我还确保删除并重新添加ios平台以防万一，但运气不好。我正在将此添加到试用物品列表中。@RicardCreagia您找到解决此问题的方法了吗？

body{
    padding-top: constant(safe-area-inset-top);//for iOS 11.2
    padding-top: env(safe-area-inset-top);//for iOS 11.1
}