🗑️ SafeAreaView

已弃用

请使用 react-native-safe-area-context 代替。

SafeAreaView 的目的是在设备安全区域边界内渲染内容。它目前仅适用于 iOS 11 或更高版本的 iOS 设备。

SafeAreaView 渲染嵌套内容并自动应用内边距，以反映视图中未被导航栏、标签栏、工具栏和其他祖先视图覆盖的部分。此外，最重要的是，安全区域的内边距反映了屏幕的物理限制，例如圆角或摄像头凹口（即 iPhone 13 上的传感器外壳区域）。

示例

要使用它，请将您的顶层视图包装在一个带有 flex: 1 样式的 SafeAreaView 中。您可能还需要使用与您的应用程序设计相匹配的背景颜色。

---

参考

属性

视图属性

继承自 View 属性。

注意

由于内边距用于实现组件的行为，因此应用于 SafeAreaView 的样式中的内边距规则将被忽略，并可能根据平台导致不同的结果。有关详细信息，请参阅 #22211。