反应本机导航后退按钮

React Native Navigation Back Button

我正在为我的应用程序使用 react-navigation,我有一个这样的导航堆栈:

主页 > 打开 > 查看

我想从视图返回主页,但我在使用 navigation.goBack() 函数时遇到了一些困难。基本上,这就是我目前所拥有的:

navigation.goBack('Home');

到目前为止,我发现 goBack 函数采用一个参数 'key',在文档中它看起来像 routeName,但是在我的控制台上仔细检查后,我可以看到我的 'Home' page与routeName不一样

我的问题是如何找到与我的 'Home' 页面对应的 'key'?奇怪的是,我每次加载页面时都能看到它,因为 react-navigation 将 'Navigation Dispatch' 及其所有属性打印到控制台,我只是不确定如何访问这些项目。

如有任何帮助,我们将不胜感激!

好的,经过多次试验和错误后,事实证明这是解决方案,就是传递要返回的视图的键,对于我的堆栈:

主页 > 打开 > 查看

我需要将 'Open' 的密钥传递给 'View' 中的 goBack 函数,以便返回到 'Home'。不知道为什么这么复杂,这是最终帮助我解决这个问题的线程:

https://github.com/react-community/react-navigation/issues/1481

navigation.popToTop();

回到栈顶。