React native 视图不是全屏的

我最近开始使用React Native，只是尝试一些简单的屏幕，但当我的应用程序显示在我的设备上时（在“Redmi 5 Plus-7.1.2”上安装APK“app debug.APK”），UI在状态栏和内容之间的中间有奇怪的黑色

请看图片：

import React，{Component}来自'React'；
进口{
视图、样式表、状态栏、文本
}从“反应本机”；
从“/src/components/Main”导入Main；
类型Props={}；
导出默认类应用程序扩展组件{
建造师（道具）{
超级（道具）；
此.state={
标题文字：“鸟巢”，
bodyText:“这不是真正的鸟巢。”
};
}
render（）{
返回(
{this.state.titleText}{'\n'}{'\n'}
{this.state.bodyText}
{/*  */}
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1
},
基本文本：{
fontFamily：“科钦”，
},
标题文字：{
尺寸：20，
fontWeight:'粗体'，
},
});问题是我的android手机屏幕处于特殊比例（小米红米5+），然后我需要进入设置区域，授予我的应用程序全屏权限，它就可以工作了。希望这能对其他人有所帮助。
问题是我的android手机屏幕处于特殊比例（小米红米5+），然后我需要进入设置区域，授予我的应用程序全屏权限，它就可以工作了。希望这能帮助其他人。
你试过这个吗？我已经试过了，作为第二个剪贴代码。当我在android虚拟机上运行应用程序时，它看起来很好@Sachin gadagi。你试过这个吗？我已经试过作为第二个剪贴代码。当我在android虚拟机上运行应用程序时，它看起来很好@Sachin Gadagi