向上滚动屏幕时如何隐藏底部的标签导航器?

时间:2019-05-18 08:11:37

标签: react-native react-navigation

当您向上滚动屏幕时,是否可以隐藏底部的标签导航器?

我尝试使用路由参数将tabBarVisible设置为false,但是我认为它不起作用,因为我嵌套了导航器。换句话说,我的标签导航器中的标签是另一个堆栈导航器。

我在底部标签导航器中尝试执行此操作...

Tab1: {
        screen: OtherStack,
        navigationOptions: ({navigation}) => {
          const routeParams = navigation.state.params
          return {
            tabBarVisible: routeParams && routeParams.tabBarVisible,
            tabBarIcon: ...
            }
          }
        },
      },

然后在我的OtherStack中,我使用createNavigator创建这样的屏幕...

NewScreen: {
    screen: NewScreen,
    navigationOptions: ({ navigation }) => {
     return {
       headerTitle: <Header />,
       headerStyle: {backgroundColor: '#f6f6f6'},
       headerLeft: null,
     }
    }

然后作为测试,在NewScreen中,我正在通过touchableOpacity onPress调用函数...

onPress={() => navigation.setParams({ tabBarVisible: false })}

但是什么也没发生。当我单击按钮时,我想让它隐藏标签栏,然后使它起作用,我想在onScroll上调用该函数。

有人知道该怎么做吗?

0 个答案:

没有答案