Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.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
React native 如何在react native中的嵌套堆栈导航器中隐藏材质底部选项卡导航器_React Native_React Navigation_React Navigation Stack_React Navigation V5_React Navigation Bottom Tab - Fatal编程技术网

React native 如何在react native中的嵌套堆栈导航器中隐藏材质底部选项卡导航器

React native 如何在react native中的嵌套堆栈导航器中隐藏材质底部选项卡导航器,react-native,react-navigation,react-navigation-stack,react-navigation-v5,react-navigation-bottom-tab,React Native,React Navigation,React Navigation Stack,React Navigation V5,React Navigation Bottom Tab,我使用的是material底部选项卡导航器,我的应用程序的结构是,一些选项卡包含堆栈导航器。 我想在用户在堆栈导航器中导航到另一个堆栈时隐藏底部选项卡。 我使用的是react导航v5。 我不希望底部选项卡显示用户已导航到堆栈的时间。我为您提供了一个基本示例。我希望这就是你想要的: 从“React”导入React 从“react native”导入{按钮、视图、文本、样式表} 从'@react navigation/native'导入{NavigationContainer} 从“@react n

我使用的是material底部选项卡导航器,我的应用程序的结构是,一些选项卡包含堆栈导航器。 我想在用户在堆栈导航器中导航到另一个堆栈时隐藏底部选项卡。 我使用的是react导航v5。
我不希望底部选项卡显示用户已导航到堆栈的时间。

我为您提供了一个基本示例。我希望这就是你想要的:

从“React”导入React 从“react native”导入{按钮、视图、文本、样式表} 从'@react navigation/native'导入{NavigationContainer} 从“@react navigation/material bottom tabs”导入{createMaterialBottomTabNavigator} 从“@react navigation/stack”导入{createStackNavigator} 常量屏幕1={navigation}=> 导航。导航“NoBottomComp”}/> 常量屏幕2==>屏幕2组件 const NoBottomComp==>无底部组件的屏幕 常量页脚=createMaterialBottomTabNavigator 常量页脚导航==> const Main=createStackNavigator 导出默认道具=> {/*不带底部选项卡的屏幕数量*/} const styles=StyleSheet.create{ 组成部分:{ 弹性:1, 为内容辩护:“中心”, 对齐项目:“居中”, } }
我给你举了一个基本的例子来说明你的问题。我希望这就是你想要的:

从“React”导入React 从“react native”导入{按钮、视图、文本、样式表} 从'@react navigation/native'导入{NavigationContainer} 从“@react navigation/material bottom tabs”导入{createMaterialBottomTabNavigator} 从“@react navigation/stack”导入{createStackNavigator} 常量屏幕1={navigation}=> 导航。导航“NoBottomComp”}/> 常量屏幕2==>屏幕2组件 const NoBottomComp==>无底部组件的屏幕 常量页脚=createMaterialBottomTabNavigator 常量页脚导航==> const Main=createStackNavigator 导出默认道具=> {/*不带底部选项卡的屏幕数量*/} const styles=StyleSheet.create{ 组成部分:{ 弹性:1, 为内容辩护:“中心”, 对齐项目:“居中”, } }
我在这个链接上找到了答案:

您应该将barStyle属性与“none”属性一起使用,如下所示:

从“@react navigation/material bottom tabs”导入{createMaterialBottomTabNavigator} const BottomTab=createMaterialBottomTabNavigator 常数TabsNavigator==> //屏风 然后可以使用变量控制该属性,类似于:

... 酒吧风格={{ 显示:ISTABVISIBILIBLE?空:“无” }} ... 但是,要控制显示或不显示哪些屏幕,可以使用redux或某种方式控制变量ISTABVISIBISIBILE的状态,如以下链接所示:


是的,是日语的

我在这个链接上找到了答案:

您应该将barStyle属性与“none”属性一起使用,如下所示:

从“@react navigation/material bottom tabs”导入{createMaterialBottomTabNavigator} const BottomTab=createMaterialBottomTabNavigator 常数TabsNavigator==> //屏风 然后可以使用变量控制该属性,类似于:

... 酒吧风格={{ 显示:ISTABVISIBILIBLE?空:“无” }} ... 但是,要控制显示或不显示哪些屏幕,可以使用redux或某种方式控制变量ISTABVISIBISIBILE的状态,如以下链接所示:


是的,它是日语的

与Redux的效果类似,与Redux的效果类似