使用参数从 Stack Navigator 导航到 Tab Navigator

Question

我正在尝试导航到带有稍后 API 调用所需的一些关键参数的选项卡导航器堆栈。

 navigation.dispatch(
        StackActions.replace('TABNAVIGATOR', {
          userName: username,
        }),
      );

这是我目前拥有的代码，但是当我尝试使用以下方法检索信息时：

const {userName} = route.params;

这个 returns 控制台日志中的这个：

 //console.log(route);
 {"key": "SOME_KEY", "name": "NAME_OF_COMPONENT", "params": undefined}

我做错了什么？

Answer 1

你应该这样通过

 navigation.dispatch(
        StackActions.replace('TABNAVIGATOR', {
          params: {username: username},
        }),
      );

 navigation.dispatch(
        StackActions.replace('TABNAVIGATOR', {
          screen: 'TABNAVIGATORSCREEN1'
          params: {username: username},
        }),
      );

使用参数从 Stack Navigator 导航到 Tab Navigator

Navigate to Tab Navigator from Stack Navigator with Params

navigator

tabnavigator

reactjs

react-native

stack-navigator