Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React Native Navigation(6.3.2)-如何在Android中完全隐藏顶部状态栏(参见屏幕截图)_Javascript_Android_React Native_React Native Navigation_Wix React Native Navigation - Fatal编程技术网

Javascript React Native Navigation(6.3.2)-如何在Android中完全隐藏顶部状态栏(参见屏幕截图)

Javascript React Native Navigation(6.3.2)-如何在Android中完全隐藏顶部状态栏(参见屏幕截图),javascript,android,react-native,react-native-navigation,wix-react-native-navigation,Javascript,Android,React Native,React Native Navigation,Wix React Native Navigation,我正在尝试使用react native导航构建一个新的react native应用程序。前面我们有一个应用程序,它使用了react native navigation的v2.x,我能够正确地使用导航,其中notch和statusBar被导航正确地处理。但是对于6.x版,我无法隐藏状态栏,或者你可以说在状态栏后面绘制。查看以下新旧应用程序的屏幕截图 以下是MainActivity的代码片段(在两个应用程序中(旧的和新的)相同) public类main活动扩展了导航活动{ @凌驾 创建时受保护的vo

我正在尝试使用react native导航构建一个新的react native应用程序。前面我们有一个应用程序,它使用了react native navigation的v2.x,我能够正确地使用导航,其中notch和statusBar被导航正确地处理。但是对于6.x版,我无法隐藏状态栏,或者你可以说在状态栏后面绘制。查看以下新旧应用程序的屏幕截图

以下是MainActivity的代码片段(在两个应用程序中(旧的和新的)相同)

public类main活动扩展了导航活动{
@凌驾
创建时受保护的void(@Nullable Bundle savedInstanceState){
if(Build.VERSION.SDK\u INT>=Build.VERSION\u code.P){
WindowManager.LayoutParams LayoutParams=新建WindowManager.LayoutParams();
layoutParams.LayoutDisplayCutoutMode=WindowManager.layoutParams.LAYOUT\u显示中的\u剪切模式\u短边;
getWindow().setAttributes(layoutParams);
getWindow().addFlags(WindowManager.LayoutParams.FLAG_半透明_状态);
getWindow().addFlags(WindowManager.LayoutParams.FLAG_全屏);
}
super.onCreate(savedInstanceState);
}
}
index.js

/**
*@格式
*/
从“./App”导入应用程序;
App.js

/**
*示例React本机应用程序
* https://github.com/facebook/react-native
*
*@格式
*@flow
*/
从“react native Navigation”导入{Navigation};
从“./src/screens/welcome.page”导入{WelcomePage};
从“react native”导入{StatusBar};
Navigation.registerComponent(`Pages.WelcomePage`,()=>WelcomePage);
StatusBar.setHidden(true);
Navigation.events().registerAppLaunchedListener(异步()=>{
Navigation.setDefaultOptions({
Poppsive:错,
顶栏:{
上边距:0,
可见:假,
是的,
动画:假,
身高:0
},
布局:{
方向:'肖像',
背景颜色:“白色”,
组件背景颜色:“白色”,
fitSystemWindows:是的,
上边距:0,
},
状态栏:{
是的,
可见:假,
背景色:“透明”,
风格:“轻”
},
});
返回Navigation.setRoot({
根目录:{
组成部分:{
名称:“Pages.WelcomePage”,
},
},
});
});
欢迎光临。page.js

import React,{Component}来自'React';
从“react native”导入{StatusBar,Text,View};
类WelcomePage扩展组件{
建造师(道具){
超级(道具);
}
render(){
返回(
你好,世界
);
}
}
导出{WelcomePage};
带凹口的设备(新应用程序)RNN v6.x

带槽口的设备(旧应用)RNN v2.x

不带凹口的设备(新应用程序)RNN v6.x

不带槽口的设备(旧应用程序)RNN v6.x


请帮助我了解这两个版本在布局处理方面的变化,以及我如何实现的,我使用旧版本的react native navigation能够实现的。

似乎
navigation.setDefaultOptions({statusBar:{visible:false})
不起作用。我被要求在每个布局都被推入堆栈时设置该选项。我希望这就是我所理解的。