Reactjs 滚动上的反应导航切换选项卡栏
我正在使用React Native+React Navigation进行一个项目,该导航组合了选项卡和堆栈导航器。当用户向下滚动平面列表/滚动视图以增加可查看内容时,我试图隐藏选项卡栏。最终实现将使用动画库在视图外设置动画,但目前我只是尝试通过单击手动启动隐藏。问题是,当我试图通过调用Reactjs 滚动上的反应导航切换选项卡栏,reactjs,animation,scroll,tabs,react-navigation,Reactjs,Animation,Scroll,Tabs,React Navigation,我正在使用React Native+React Navigation进行一个项目,该导航组合了选项卡和堆栈导航器。当用户向下滚动平面列表/滚动视图以增加可查看内容时,我试图隐藏选项卡栏。最终实现将使用动画库在视图外设置动画,但目前我只是尝试通过单击手动启动隐藏。问题是,当我试图通过调用this.props.navigation.setParams({tabBarVisible:false})}来设置tabBarVisible时,它不起作用 导航设置如下所示: TabNavigator - H
this.props.navigation.setParams({tabBarVisible:false})}
来设置tabBarVisible
时,它不起作用
导航设置如下所示:
TabNavigator
- HomeStackNavigator
- HomePage
- Contact
- FAQ
...
(total of 5 tabs with stacknavigators)
...
在主页内,我有以下内容:
class HomeScreen extends React.Component {
render() {
return (
<SafeAreaView style={styles.container}>
<TouchableOpacity onPress={() => this.props.navigation.setParams({ tabBarVisible: false })}>
<Text>Hide bar</Text>
</TouchableOpacity>
</SafeAreaView>
);
}
}
类主屏幕扩展React.Component{
render(){
返回(
this.props.navigation.setParams({tabBarVisible:false}}>
隐藏条
);
}
}
它基本上是一个来自主屏幕->HomeStack->TabBar
的调用。您知道为什么从嵌套堆栈导航器内的屏幕无法访问顶部选项卡导航器的选项卡栏可见性吗