React native 如何在react native中的嵌套堆栈导航器中隐藏材质底部选项卡导航器
我使用的是material底部选项卡导航器,我的应用程序的结构是,一些选项卡包含堆栈导航器。 我想在用户在堆栈导航器中导航到另一个堆栈时隐藏底部选项卡。 我使用的是react导航v5。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
我不希望底部选项卡显示用户已导航到堆栈的时间。我为您提供了一个基本示例。我希望这就是你想要的: 从“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的效果类似