React Native 组件之SafeAreaView

SafeAreaView简介

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

<SafeAreaView style={
   {
   flex: 1, backgroundColor: '#fff'}}>
  <View style={
   {
   flex: 1}}