苹果适配

• SafeAreaView是react-native提供的组件(0.50.1推出)
• 仅 iOS 11 或更高版本
• 低版本不需要适配,因为iPhone X ( 出厂就是11或以上的系统 ) 才出现刘海屏

使用方式

<SafeAreaView style={{flex: 1, backgroundColor: 'white'}}>
  <View style={{ flex: 1 }}>
    <Text>Hello World!</Text>
  </View>
</SafeAreaView>

安卓适配

方案1

• 在安卓工程中,找到 AndroidManifest.xml 文件,里面增加这行代码
• 参考文档1
• 参考文档2

使用方式

<meta-data android:name="android.max_aspect" android:value="2.1" />

方案2