javascript - 如何在本机反应中隐藏特定屏幕上的底部导航栏？

Question

我正在使用 React Native 和 React Native Navigation 来构建我的应用程序。目前，我有三个底部标签：主页、上传视频和消息。选择“上传视频”选项卡后，我想渲染“上传视频”组件并仅在该屏幕上隐藏底部选项卡，并显示带有“取消”（将它们带回 HomeView）和“发布”按钮的标题（这有已经完成）。我很难在这个特定屏幕上隐藏标签栏。

我尝试按照此处的代码（如何在特定屏幕上隐藏底部标签栏（react-navigation 3.x））；但是，这最终没有成功，我无法以这种方式隐藏任何屏幕上的底部选项卡。

目前，我将此作为我的底部导航器：

const BottomTabNavigator = createBottomTabNavigator({
    HomeView: {
        screen: HomeView,
    },
    VideoView: {
        screen: VideoSelectionView
    },
    Messages: {
        screen: SearchView
    }
});

任何见解都会非常有帮助，谢谢。

标签： javascriptreactjsreact-nativereact-native-navigation

Answer 1

您需要为每个需要隐藏标签栏的TabBar屏幕或堆栈指定，

const BottomTabNavigator = createBottomTabNavigator({
    HomeView: {
        screen: HomeView,
        navigationOptions:()=>{
          return {
            tabBarVisible:false,
          };
       }
    },
    VideoView: {
        screen: VideoSelectionView
    },
    Messages: {
        screen: SearchView
    }
});