在“Redux-Saga”中使用“React Navigation 6.0”重定向用户

Question

我正在使用React Navigation 6.0，我想在调用特定函数后推送或重定向用户。

在我的redux saga 函数中：

    export function* Login({payload}) {
      try {
          const response = yield call(loginUser, payload);
          yield call(setToken(response.token));
          yield put(NavigationActions.navigate({routeName: 'ProfilePageScreen'}));
      } catch (error) {
       console.log(error)
    }

注意我用过：

yield put(NavigationActions.navigate({routeName: 'ProfilePageScreen'}));

使用AsyncStorage 保存令牌后尝试重定向用户。

但是，这不起作用。令牌保存在redux saga 中后，如何重定向我的用户？请帮忙！

更新：我根据React Navigation 6 尝试了以下两种方法。

  yield call(
    navigation.dispatch(
      CommonActions.navigate({
        name: 'ProfileScreen',
      }),
    ),
  );

还有：

  yield put(
    navigation.dispatch(
      CommonActions.navigate({
        name: 'ProfileScreen',
      }),
    ),
  );

但两者都没有效果。

Answer 1

把routeName改成name试试

yield put(NavigationActions.navigate({name: 'ProfilePageScreen'}));

如果您从React Navigation 4 切换到React Navigagtion 6，还有更多

现在 NavigationActions 是 deprecated 并转移到另一个名为 @react-navigation/native 的包，然后您可以从那里调用 commonActions 并从那里导航。

文档：https://reactnavigation.org/docs/navigation-actions