当您向上滚动屏幕时,是否可以隐藏底部的标签导航器?
我尝试使用路由参数将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上调用该函数。
有人知道该怎么做吗?