嵌套路由怎么传参

来源：15-11 RN App社会化分享、第三方登录开发精讲-2【必备加分技能】

虚墨轨迹的春天

2020-05-18

老师你好？请问嵌套路由怎么传参呢？

AppNavigator :

export const UserNavigator = createStackNavigator({
    UserHome: {
        screen: UserIndexPage
    },
     // 密码设置
    PasswordManage: {
        screen: PasswordManage
    },
}, {
    defaultNavigationOptions: {
        headerShown: false,// 可以通过将header设为null 来禁用StackNavigator的Navigation Bar
    },
});

然后 UserIndexPage 包含了一个 MainNavigator, MainNavigator包含了 IndexPage等页面,
PasswordManage 包含了一个 PasswordManageNavigator ， PasswordManageNavigator 包含了 PasswordManageUpdate等页面。

现在IndexPage 跳转 PasswordManageUpdate怎么带参数呢？ PasswordManage是可以取到参数的。
方法是 NavigationUtil.goPage(‘PasswordManage’, {
screen: ‘PasswordManageUpdate’
})

写回答

3回答

CrazyCodeBoy

2020-05-22

//img1.sycdn.imooc.com/szimg/5ec77f9208d0366605470729.jpg
如果usertwo中没有特别的需要，可以这样设置

虚墨轨迹的春天

提问者

2020-05-19

PasswordManage：

class PasswordManage extends Component<Props> {
constructor(props) {
super(props);
}

render () {
return (
<View
style={GlobalStyles.root_container}
>
<PasswordManageNavigator />
</View>
)
}
}

export default PasswordManage;

PasswordManageNavigator：

export const PasswordManageNavigator = createAppContainer(createStackNavigator({
// 这里取不到路由传参
PasswordManageUpdate: {
screen: PasswordManageUpdate,

}
}, {
initialRouteName: 'PasswordManageEntry',
defaultNavigationOptions: {
headerShown: false,// 可以通过将header设为null 来禁用StackNavigator的Navigation Bar
},
}));