react native TabNavigator 嵌套,子界面列表跳转的问题

图片说明

如图,主界面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',
        },
    }
}

);

把内层的tabNavigator的animaionEnabled和swipeEnabled设为false,试试?

因为你AdDes页面是注册在外层的StackNavigator,StackNavigator支持嵌套,TabNavigator不支持嵌套,所以第一个TabNavigator可以拿到AdDes,可是第二个TabNavigator他有他自己的导航,所以不能在里层拿到那个页面,可以把Ad页面注册到里层,就是StackNavigator-TabNavigator-StackNavigator(注册到这里)-TabNavigator,应该是这样把,我没试过