10

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

我期待一种允许改变这种行为的方法（作为离子本机状态栏的 _overlaysWebView_ 方法）。我也尝试添加config.xml<preference name="StatusBarOverlaysWebView" value="false" />文件，但我不知道是否应该安装 cordova 状态栏插件。

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

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

4

2 回答 2

0

env由于变量，您可以直接在您的 css 代码中设置您的填充。它仅适用于 iOS，因此可以应用于您需要的任何标签。

body{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
于 2021-08-29T05:44:45.217 回答
-1

我在过去处理过的一些应用程序上也遇到过这个问题，直到最近才发现了一种干净的、不那么老套的方法来修复它。您必须添加safe-area-inset-*where *can be left、right或。这说明了当设备处于纵向或横向模式时缺口位置的位置。topbottom

您可以通过查看此答案https://stackoverflow.com/a/47895315/4687451了解更多信息

于 2020-06-28T09:20:49.007 回答