React Native 组件之SafeAreaView

2022-11-30 11:16:50 浏览数 (1)

SafeAreaView简介

ReactNative官方从0.50.1版本开始,加入了针对iPhone X设备齐刘海页面适配的组件SafeAreaView,为ReactNative开发APP时对iPhone X的页面适配提供了很大的方便。目前,SafeAreaView只适合iOS设备。 SafeAreaView的使用也非常简单,只需要将SafeAreaView嵌套在最根级别的视图中即可,并且在style中加上flex:1等页面样式。

代码语言:javascript复制
<SafeAreaView style={
   {
   flex: 1, backgroundColor: '#fff'}}>
  <View style={
   {
   flex: 1}}

0 人点赞