如何避免抽屉触摸状态栏？反应原生答案

【问题标题】：How can I avoid drawer touching status bar? REACT-NATIVE如何避免抽屉触摸状态栏？反应原生
【发布时间】：2020-09-30 16:15:24
【问题描述】：

我正在使用抽屉，但我在文档中看不到可以设置抽屉高度的位置，因为它触及状态栏，我希望它位于其下方：

问题：

我想要什么：

正如您在第二张图片中看到的那样，抽屉位于状态栏的下方，怎么做呢？它有一个参数是contentComponents，但这仅适用于图标，不适用于整个抽屉

【问题讨论】：

【解决方案1】：

经过一些研究，我认为实现这一目标的最佳方法是将您的内容放入 SafeAreaView：

<SafeAreaView style={{flex:1}>
 <Text>Your Content</Text>
</SafeAreaView>

【讨论】：