React-Navigation使用不同的参数进入相同的路径

Question

我正在使用名为"User"的React-Navigation屏幕来显示有关特定用户的信息.当导航到这条路线时,我传递了参数"id",它告诉屏幕它正在处理什么用户.查看用户时,可以单击可以查看其他用户的内容.

目前这个工作和新的参数使得其他用户的详细信息显示出来.问题是它不会导航到其他用户的新屏幕,而只是更改当前屏幕.问题是,当您向后导航时,它不会将您带到初始用户的屏幕,而是前面的任何内容.您也没有得到导航的视觉提示.

因此,我想知道如何强制它导航到同一路线的另一个版本.

如果它有任何区别,我正在使用Redux并通过调度生成的操作来导航,例如:

NavigationActions.navigate({ routeName: 'User', params: {userId} })

Answer 1

你正在寻找推动而不是导航.当您使用导航时,它会查找具有该名称的路径,如果存在,则导航到该路径.当您使用推送时,您将转到新路线,向堆栈添加新导航.

请参阅此处的文档https://reactnavigation.org/docs/en/navigating.html#navigate-to-a-route-multiple-times

Answer 2

使用导航键导航至同一路线

const navigateAction = NavigationActions.navigate({
    routeName: 'User', 
    params: {userId},
    key: 'APage' + APageUUID
});

this.props.navigation.dispatch(navigateAction);

或者

this.props.navigation.navigate({
    routeName: 'User', 
    params: {userId},
    key: 'APage' + APageUUID
});

APageUUID 只是一个唯一的页面 ID，可以用 Math.random () * 10000

参考