【问题标题】: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

    其中EditShippingInformationEditPaymentInformation 包含一个带有保存按钮的表单,该按钮返回Review 屏幕,而不是navigates 前进到Review 屏幕。也许这些EditShippingInformationEditPaymentInformation 屏幕甚至可以是对话框?

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-11-26
      • 2019-06-11
      • 1970-01-01
      • 2017-10-28
      • 1970-01-01
      • 1970-01-01
      • 2022-08-16
      • 2018-12-01
      相关资源
      最近更新 更多