反应导航v5如何重置或更换?

时间:2020-08-19 16:59:00

标签: react-native react-navigation react-navigation-v5

我尝试了文档中的所有示例,但没有成功。

我有要从此处路由到组件的组件。

我需要卸下组件A。

我尝试过更换并重置。

            RootNavigation.navigationRef.current.dispatch(state => {
                return CommonActions.reset({
                    index: 0,
                    key: null,
                    routes: [{ name: 'B' }],
                });
            });

此代码功能将我路由到堆栈['AA','B']中的不同路由路由,因此将我路由到'AA'

 const resetAction = StackActions.replace('B', {});
                    RootNavigation.navigationRef.current.dispatch(state => {
                        return resetAction;
                    });

我遇到一个错误,他的有效载荷为{“ name”:“ B”,“ params”:{}}的操作'REPLACE'未被任何导航器处理。

RootNavigation.navigate('B');

此功能很好用,但不能卸载A。

1 个答案:

答案 0 :(得分:0)

了解更多:https://reactnavigation.org/docs/stack-actions/#replace

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

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