SafeAreaView

已弃用。 请改用 react-native-safe-area-context。

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

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

示例

要使用，请将您的顶层视图用带有 `flex: 1` 样式的 `SafeAreaView` 包裹起来。您可能还需要使用与您的应用程序设计相匹配的背景颜色。

---

参考

属性

View 属性

继承自 View 属性。

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