react-native - 如何处理safeAreaView + React Navigation？

第一个屏幕截图未应用SafeAreaView，第二个屏幕截图未应用SafeAreaView


如清楚所示，与以前相比，Stack header似乎很笨重。无论如何，我们只能将SafeAreaView应用于底部吗？

最佳答案

代替使用SafeAreaView中的React-Native，而使用SafeAreaView中的react-navigation，如下所示:

import { SafeAreaView } from 'react-navigation';

然后，您可以使用prop forceInset自定义填充，在您的情况下，

<SafeAreaView style={styles.safeArea} forceInset={{ top: 'never' }}>

有关更多信息，check out the iPhone X support by react-navigation

关于react-native - 如何处理safeAreaView + React Navigation？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53476125/