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

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

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

export default App;

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

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

原文链接:https://juejin.cn/post/7350123870671847475 作者:萧寂

(0)
上一篇 2024年3月25日 下午4:05
下一篇 2024年3月25日 下午4:17

相关推荐

发表评论

登录后才能评论