在 React Navigation v5 中重置返回路线

Question

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

我有一个设置了 3 个屏幕的堆栈导航器，例如：

屏幕 A、屏幕 B、屏幕 C

屏幕 A 是主屏幕，屏幕 B 的标题中有一个后退按钮，它应该始终返回到屏幕 A。但是我们可以通过两种方式进入屏幕 B：

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

如果我们通过屏幕 C 到达屏幕 B，有没有办法可以将路线历史重置为“返回”按钮将返回到屏幕 A（而不是屏幕 C）。

我查看了重置方法，但它会立即导航回屏幕 A，而不是更改路线历史记录。

Answer 1

您可以为屏幕 c 设置一个自定义标题并在其中放置一个图标并将此函数传递给该图标，如下所示：

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