react.js - react-navigation怎么动态修改navigationOptions？

问题描述

问 题

求助，需要设置tabBarVisible为false
现在结构是1个stackNavigator里有3个TabNavigator，其中一个TabNavigator又有3个stackNavigator,如取名a,b,c。
现在要求从a切换到b的时候隐藏tabNavigator的tab。
我看文档是设置tabBarVisible:false可以实现，如下
HomeScreen:{

        screen:HomeScreen,
        navigationOptions:({navigation})=>({
        tabBarLabel:'首页',
        tabBarVisible:false,
        tabBarIcon:({focused,tintColor})=>(
            <TarBarItem
                tintColor={tintColor}
                focused={focused}
                normalImage = 'tabbar_home_30x30'
                selectedImage = 'tabbar_home_selected_30x30'
            />
        )
        })
    },

但这是在定义阶段才能隐藏，我想要在上述描述的切换情况下动态隐藏，那么怎么修改navigationOptions呢？
或者说有没有其他办法可以实现动态隐藏tabBar呢

解决方案

直接就在要隐藏的页面写
static navigationOptions = ({ navigation }) => ({

tabBarVisible: false,   

});
就可以了。
不需要redux 这不适合初学者。

这篇关于react.js - react-navigation怎么动态修改navigationOptions？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！