天然反应；在Android上意外实现安全区域的应用程序

我正在用React Native为iOS和Android开发一个应用程序。我的应用程序在iOS上运行得很好，但在Android上，整个应用程序的行为就好像它被包装在某种

安全区域视图中一样，而不是我想要的那样

出于演示目的，“我的应用”由以下组件组成：

export const App = () => {
    return (
        <View style={{ flex: 1, backgroundColor: "red" }}>
            <Text>Hello world</Text>
        </View>
    )
}

export const App=（）=>{
返回(
你好，世界
)
}

其结果如下：


我希望红色区域落在灰色状态栏和底部应用程序切换工具下。我怎样才能做到这一点？我正在OnePlus 6t上测试我的应用程序，它有一个缺口，我希望我的应用程序能够正确支持这个缺口。在iPhone上，它做了我期望它做的事情

谢谢大家
 在发布这篇文章几分钟后，我做了以下对上半部分有用的事情：
。如何对底部的应用程序切换栏进行同样的操作？