在React Navigation v5中重置回程

时间:2020-02-24 01:41:23

标签: react-native react-navigation-v5

我正在React Native项目中使用React Navigation v5。

我有一个设置有3个屏幕的Stack导航器,例如:

屏幕A,屏幕B,屏幕C

屏幕A是主屏幕,屏幕B在标题中有一个“后退”按钮,应始终返回到屏幕A。但是,有两种方法可以进入屏幕B:

  1. 屏幕A>屏幕B
  2. 屏幕A>屏幕C>屏幕B

如果我们通过屏幕C进入屏幕B,有没有办法我可以将路径历史记录重置为“返回”按钮,将返回到屏幕A(而不是屏幕C)。

我已经研究了reset方法,但是它可以立即导航回Screen A,而无需更改路由历史记录。

1 个答案:

答案 0 :(得分:0)

您可以为屏幕c设置自定义标题,并在其中放置一个图标,然后将此功能传递给该图标,如下所示:

<Icon onPress={()=>navigation.navigate('Screen A')} />