【问题标题】:React Navigation goBack with key用键反应导航 goBack
【发布时间】:2018-06-11 22:24:42
【问题描述】:
目前,React Navigation 仅支持goBack(key),这表示它将返回到提供的屏幕之前的屏幕。
我有Checkout -> Shipping -> Payment -> Review 屏幕,如果已经记录了运输和付款信息,它将直接将用户从Checkout 带到Review。然而,在Review,如果我想编辑运输信息,我需要做goBack(payment-screen-key),因为用户从未导航到支付屏幕(因此,无法在redux 中存储该密钥) )。
在搜索 react-navigation github 问题时,似乎没有一种干净的方式来完成这项任务。有没有办法基本上做到navigate(routeName) 但不向堆栈添加另一个屏幕?
【问题讨论】:
标签:
react-native
react-navigation
【解决方案1】:
从概念上讲,如果您直接从Checkout 转到Review,那么当您想从审查屏幕编辑运输信息时,您就不会返回,所以当您提到返回该屏幕不起作用时,而且没有意义。
如何重新考虑您的结帐流程?例如,从 Review 导航到您要编辑的部分,而不能从那里前进。
Checkout -> Review -> EditShippingInformation -> goBack(Review) -> EditPaymentInformation -> goBack(Review) -> End
其中EditShippingInformation 和EditPaymentInformation 包含一个带有保存按钮的表单,该按钮返回Review 屏幕,而不是navigates 前进到Review 屏幕。也许这些EditShippingInformation 和EditPaymentInformation 屏幕甚至可以是对话框?