🗑️ SafeAreaView

已弃用

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

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

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

示例

使用时，请将顶层视图用一个应用了 flex: 1 样式的 SafeAreaView 包裹起来。你也可以考虑使用与应用设计相匹配的背景颜色。

---

参考

属性

视图属性

继承 视图属性。

备注

由于该组件的行为是通过内边距实现的，应用到 SafeAreaView 的样式中的 padding 规则将被忽略，并且可能会因平台不同而产生不同结果。详情请参见 #22211。