反应原生导航后退按钮

时间:2017-06-12 20:30:07

标签: react-native react-navigation

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

主页>打开>图

我想从View返回Home,但我在使用navigation.goBack()函数时遇到了一些困难。基本上,这是我到目前为止所做的:

navigation.goBack('Home');

到目前为止我发现的是goBack函数接受一个参数'key',它在docs中看起来像routeName,但是在我的控制台上仔细检查后我可以看到我的'Home'页面的键是与routeName不同。

我的问题是如何在“主页”页面找到相应的“密钥”?奇怪的是,每次加载页面时我都可以看到它,因为react-navigation会将“导航调度”打印到控制台及其所有属性,我只是不确定如何访问这些项目。

非常感谢任何帮助,谢谢!

2 个答案:

答案 0 :(得分:3)

好了很多试验和错误后发现这是解决方法是传递你想要goBack的视图的密钥,在我的堆栈的情况下:

主页>打开>图

我需要通过' Open'查看'查看'中的goBack功能为了回到家里'。不知道为什么会这么复杂,这是最终帮助我解决这个问题的主题:

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

答案 1 :(得分:0)

navigation.popToTop();

返回堆栈顶部。