Javascript 如何避免抽屉接触状态栏？自然反应

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

问题:

我想要的是：

---

正如您在第二张图片中看到的，抽屉位于状态栏的下方，您可以如何操作？它有一个参数是

contentComponents

，但这只适用于图标，而不适用于整个抽屉

经过一点研究，我认为实现这一点的最佳方法是将内容放在安全区域视图中：

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

你的内容