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

来源:2-7 TabNavigator精讲-2

yqyily

2018-11-17

老师,在切换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部分是不显示的,

写回答

1回答

CrazyCodeBoy

2018-11-19

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


1
0

React Native技术精讲与高质量上线App开发

一个真实的上线项目,一次完整的开发过程,全面掌握React Native技术

1577 学习 · 727 问题

查看课程