react-native 全面屏适配 ios Android

背景：现在ios和android都有五花八门的全面屏，但同时用户里也依然有很多使用非全面屏手机的用户
在使用react-native进行原生开发时，如何进行全面屏适配呢？

---

1.ios全面屏适配

1.1 SafeAreaView

• SafeAreaView是react-native提供的组件，目前仅支持 iOS 设备以及 iOS 11 或更高版本。
• 目的是在一个“安全”的可视区域内渲染内容。避免内容渲染到不可见的“刘海”范围内，
• SafeAreaView只对ios设备生效。

1.2 SafeAreaView使用方法

将原有视图用SafeAreaView包起来，同时必须设置flex:1，以及背景颜色backgroundColor

<SafeAreaView style={
   {
   flex: 1, backgroundColor