Android 我使用的模型来自react native，但在底部显示灰色背景空间

我研究了多次，但没有得到任何解决方案，如果我做错了，请告诉我。 以下是更好理解的代码。 黑色空间是底部导航栏，但我不想要底部导航栏

<Modal
animationType="fade"
transparent={true}
visible={true}
>
<View style={styles.popupOverlay}></View>
<View>test</View>
</Modal>

popupOverlay:{
backgroundColor: 'rgba(0,0,0,0.7)', 
flex:1,
height:hp("105%"),
},

测验
弹出式覆盖：{
背景颜色：“rgba（0,0,0,0.7）”，
弹性：1，
高度：hp（“105%”），
},

我必须找到一个解决方案：

用这个

---

statusBarTranslucent={true}

那么您想显示一个透明的背景吗？还请说明您使用的是哪种模式，因为React Native的

模式已被弃用

是的，我正在使用React Native的模式我想要全屏覆盖您确定它与

安全区域视图

无关吗？