嵌套路由怎么传参

Question

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

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’
})

Answer 1

CrazyCodeBoy 2020-05-22 15:30:37

如果usertwo中没有特别的需要，可以这样设置

Answer 2

提问者 虚墨轨迹的春天 2020-05-19 09:02:47

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
   },
}));

Answer 3

CrazyCodeBoy 2020-05-19 08:54:46

PasswordManageUpdate取不到IndexPage传递过来的参数吗？

• 提问者 虚墨轨迹的春天 #1

  是的呢。 PasswordManage是可以取到的。 PasswordManageNavigator我是学您项目里面的MainNavigator的写法，嵌在PasswordManage这个组件里面的。  然后PasswordManageNavigator路由所在的页面就拿不到了。因为中间多了一层

• 提问者 虚墨轨迹的春天 #2

  PasswordManage   和PasswordManageNavigator的代码我也上传了

• 提问者 虚墨轨迹的春天 #3

  老师怎么不回复了啊

点开查看后面2条评论