🗑️ SafeAreaView

已弃用

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

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

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

示例

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

---

参考

属性

View Props

继承自 View Props。

注意

由于该组件的行为是通过内边距（padding）实现的，因此应用于 SafeAreaView 的样式中的内边距规则将被忽略，并可能导致不同平台的结果有所差异。详情请参阅 #22211。