RN针对苹果手机刘海屏的处理

import { SafeAreaView, View, Text } from 'react-native';

const App = () => {
  return (
    <SafeAreaView>
      <View>
        <Text>这是一个安全区域内的文本</Text>
      </View>
    </SafeAreaView>
  );
};

export default App;

ps:在安卓或者苹果手机平屏这种情况会正常显示,在苹果刘海屏状态下会将内容放到刘海屏下面,如下效果: