React Navigation v5: как перемещаться с помощью redux thunk / redux saga?

Question

Как мне перемещаться по экрану в response-navigation в Redux-Saga и Redux-Thunk? Можно ли получить доступ к контексту навигации в sagas или thunk?

Например, в redux-thunk

import { StackActions } from '@react-navigation/native';

dispatch(StackActions.replace('Profile', {
    user: 'jane',
}))

Или, в redux-sagas

import { StackActions } from '@react-navigation/native';
import { put } from 'redux-saga/effects';

yield put(StackActions.replace('Profile', {
    user: 'jane',
}))

Answer 1

Вы должны использовать '@react-navigation/compat' библиотеку.

import { createStackNavigator } from '@react-navigation/stack';
import { createCompatNavigatorFactory } from '@react-navigation/compat';
const RootStack = createCompatNavigatorFactory(createStackNavigator)(
  {
    Home: { screen: HomeScreen },
    Profile: { screen: ProfileScreen },
  },
  {
    initialRouteName: 'Profile',
  }
);

import { StackActions } from '@react-navigation/compat';

dispatch(StackActions.replace('Profile', {
    user: 'jane',
}))

Для получения дополнительной информации, пожалуйста, проверьте эту ссылку