如图,主界面StackNavigator嵌套TabNavigator, 在子界面又有一个TabNavigator,里面列表点击跳转失效,跳转详情页面是在StackNavigator里面注册。
//跳转代码
_onItemClick(item) {
this.props.navigation.navigate('AdDes')
}
//主界面StackNavigator
const Navi = StackNavigator(
{
Tab: {screen: Tab},
AdDes:{
screen:Ad,
}
},
{
navigationOptions: {
//stackNavigator的属性
gestureResponseDistance: {horizontal: 300},
headerBackTitle: null,
headerStyle: {backgroundColor: '#20A1A1'},//导航栏的样式
headerTintColor: 'white',
headerTitleStyle: {//导航栏文字的样式
color: 'white',
//设置标题的大小
fontSize: 16,
//居中显示
alignSelf: 'center',
},
}
}
);