ios - 状态栏使用 Capacitor 覆盖 iOS 上的 webview

Question

我想实现与电容器示例相同的状态栏行为，即自动添加正确的填充，以便我的应用程序内容不会显示在状态栏中。
但是，我不使用 ionic 框架，而是角度和状态栏覆盖我的应用程序的 web View 。因此，我的应用程序的内容在状态栏中可见。

我期待一种允许改变这种行为的方法(作为 ionic native 状态栏的 _overlaysWebView_ 方法)。
我还尝试添加 <preference name="StatusBarOverlaysWebView" value="false" />在 config.xml 文件中，但我不知道是否应该安装 cordova 状态栏插件。

也许我不应该更改此配置而只使用填充，但是我不知道如何处理不同 iOS 设备上的不同状态栏高度。

我是 Capacitor 的新手，我从未使用过 Ionic 或 Cordova。我有人可以帮我解决这个问题，我将不胜感激。

Answer 1

我在过去处理过的一些应用程序上也遇到过这个问题，直到最近才发现了一种干净的、不那么老套的方法来修复它。您必须添加 safe-area-inset-*在哪里 *可以是left , right , top或 bottom .这说明了当设备处于纵向或横向模式时缺口位置的位置。
您可以通过查看此答案了解更多信息 https://stackoverflow.com/a/47895315/4687451