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

【问题标题】：Navigate to Tab Navigator from Stack Navigator with Params使用参数从 Stack Navigator 导航到 Tab Navigator
【发布时间】：2021-03-03 19:28:47
【问题描述】：

我正在尝试导航到一个选项卡导航器堆栈，其中包含一些稍后 API 调用所需的关键参数。

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

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

const {userName} = route.params;

这会在控制台日志中返回：

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

我做错了什么？

【问题讨论】：

标签： reactjs react-native navigator stack-navigator tabnavigator

【解决方案1】：

你应该这样通过

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

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

【讨论】：