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

Question

我正在使用 React Native 和 React Native Navigation 来构建我的应用程序。目前，我有三个底部选项卡：主页、上传视频和消息。选择“上传视频”选项卡后，我想呈现“上传视频”组件并隐藏该屏幕上的底部选项卡，并显示带有“取消”（将它们带回 HomeView）和“发布”按钮（这有已经做了）。我在这个特定屏幕上隐藏标签栏非常困难。目前，我把它作为我的底部导航器：const BottomTabNavigator = createBottomTabNavigator({    HomeView: {        screen: HomeView,    },    VideoView: {        screen: VideoSelectionView    },    Messages: {        screen: SearchView    }});任何见解都会非常有帮助，谢谢。

Answer 1

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

const BottomTabNavigator = createBottomTabNavigator({

    HomeView: {

        screen: HomeView,

        navigationOptions:()=>{

          return {

            tabBarVisible:false,

          };

       }

    },

    VideoView: {

        screen: VideoSelectionView

    },

    Messages: {

        screen: SearchView

    }

});

Answer 2

由于现在正在使用 react-navigation 5，上述解决方案不再有效。

对于 React-Navigation 5，请参阅此链接。