问题标签 [safeareaview]

我知道我总是需要使用<safeAreaView>来将我的内容保存在 iOS 屏幕的正确位置。

即使我只是为Android构建一个应用程序，似乎也没有问题<safeAreaView>，如果我想为iOS平台构建相同的应用程序。

我的问题是，如果我总是<safeAreaView>用来包装我的所有内容，我错了吗？<View>如果将来我必须用 替换所有内容，我为什么要使用<safeAreaView>？

从昨天开始我就一直陷入这个问题，我找不到解决方案。

我一直在尝试调整 iPhone X 中 safeArea 的颜色，它在顶部和底部以及没有标签的屏幕上运行良好，但是，在带有标签导航器的屏幕中，底部的 safeArea 始终为白色，如图所示截图。有谁知道如何解决这个问题？

另外，我想问一下使用普通的 SafeAreaView 组件并删除 SafeAreaProvider 并删除 react-native-safe-area-context 包是否会更好，我只是将其添加为解决此问题的试用版，但我是第一次使用反应原生的普通 SafeAreaView 组件；

在 App 组件中：

在 CatNavigator 组件中：

在设置选项卡导航器中：

在设置导航器中：

最后在设置屏幕中：

我有一个自定义模式视图（使用 ZStack），它有一个 ScrollView。这个模态视图是弹簧动画打开到全屏忽略所有安全区域。

然而，当我的模态视图顶部到达顶部安全区域（y：40）时，动画效果非常好。内部的滚动视图根据需要从其父视图的顶部跳转到设备的顶部，这使得动画看起来很糟糕。

关于如何解决这个问题的任何想法？

这以最简单的形式展示了我正在使用的内容......

一个名为的组件SafeAreaView由react-native、react-navigation、react-native-safe-area-context和react-native-safe-area-view导出。

有什么区别，在哪些情况下我应该使用哪一个？

我正在 Unity for Android Portrait 模式下开发一个项目。我会不断修改两个 RawImage 的纹理，问题是图像的宽度和高度必须相同（1080x1080、800x800）1080x1079 是错误的。因为现在很多手机都有缺口，我不得不在 SafeArea 矩形内维护所有 UI 元素。但是，我不知道如何获取 SafeArea 矩形相对于显示器的 y 坐标。这是一张照片：

因此，我只需要获取 SafeArea 矩形的 y 坐标，根据我的猜测，对于示例中的电话，y 坐标应该是 100 像素左右的高度。先感谢您。

我目前正在尝试在我的登录视图上设置一个完整的背景图像。我希望能够在 iPhone 11 的整个屏幕上填充我的背景图像。我已经阅读了一些关于 safeAreaView 和 SafeAreaViewInset 的内容，但不确定在我目前的情况下如何实现它。

我使用了以下代码来执行此操作，但注意到 iPhone 11 在手机底部和顶部都有一个白条。这是像导航一样不能重叠的东西吗？

应用当前的外观

我正在尝试添加一个 SafeAreaView，这样我的图标就不会像图中所示那样被挤压在一起。

但似乎 SafeAreaView 只是将内容向上推。

这就是我目前实现它的方式/

关于我哪里出错的任何提示？还是我只是在错误的屏幕上添加了 SafeAreaView？

如果没有 SafeArea，它看起来如下所示：

我正在尝试将背景图像设置为整个屏幕区域，包括缺口。这是 iPhone 上的默认设置，但我无法在 Android 手机上实现。我使用的安卓手机是三星 Galaxy A-01，iPhone 是 iPhone XS。附上截图。

Android 截图（不好）

iPhone 截图（我也想在 Android 上实现）

更新 1：

以下是代码：

我正在使用 RN 0.59。每次我将应用程序放在后台然后立即重新打开它时，SafeAreaView 不会占用整个屏幕。

但是，如果我将应用程序放在后台并在一段时间后（大约 3 秒）重新打开它，它工作正常。

这是我在 SafeAreaView 上的片段

对于我的造型

对此有任何见解吗？

我正在尝试删除顶部安全区域。有没有办法从顶部和图像中删除顶部安全区域？

代码：-

警报控制类：-

带有警报代码的输出

没有警报代码的输出：-

有人可以向我解释如何使用警报代码从图像中删除顶部安全区域，我已尝试按上述方法实施，但还没有结果。

任何帮助将不胜感激。

提前致谢。