createStackNavigator中嵌套使用createBottomTabNavigator，如何动态设置header

Question

老师，在切换tab时，header部分如何动态的跟着变化

const BottomNavigator = createBottomTabNavigator({
    Login:{
        screen: Login,
        navigationOptions: {
            title: '登录',
            tabBarLabel: '登录',

        }
    },
    User:{
        screen: User,
        navigationOptions: {
            title: '用户',
            tabBarLabel: '用户',

        }
    },
    Index:{
        screen: Index,
        navigationOptions: {
            title: '首页',
            tabBarLabel: '首页',

        }
    },
    List:{screen: List},

});

export const stackNavigator = createStackNavigator({
    BottomNavigator:{
        screen: BottomNavigator,
        navigationOptions: {
            header: null,
        }
    },
    Detail:{screen: Detail},
    Brew: {screen: Brew},
    Test: {screen: Test},

})

这个时候header部分是不显示的，

Answer 1

CrazyCodeBoy 2018-11-19 14:37:24

将header设为header: null,之后可以通过自定义navigationbar的方式来显示header，这样在Login，User，Index页面都有自己的navigationbar，就可以分别设置header了哈