反应本机导航回传参数两个屏幕弹出

时间:2018-09-30 14:13:02

标签: react-native react-native-android react-native-navigation

我有一个主屏幕,然后将其推到“下一步”进行选择,并将参数传递到下一个推入的屏幕,当您在该屏幕中选择某些内容时,我需要hi并将选定的详细信息发送到主屏幕。

但是1不接受参数。如何做到这一点。

我不使用Redux或MobX。

1 个答案:

答案 0 :(得分:1)

您需要这样做

屏幕A:

this.props.navigation.navigate('ScreenB', {
              onPressScreenAFun: (params) => {
                this.screenAFun(params)
              },
            })

screenAFun = (params) => {
console.log(params)
}

屏幕B:

this.props.navigation.navigate('ScreenC', {
                  onPressScreenBFun: (params) => {
                    this.screenBFun(params)
                  },
                })

    screenBFun = (params) => {
       const { onPressScreenAFun } = this.props.navigation.navigate.state.params

      onPressScreenAFun(params)
      this.props.navigation.goBack()
    }

屏幕C:

    moveBack = (params) => {
       const { onPressScreenBFun } = this.props.navigation.navigate.state.params

      onPressScreenBFun(params)
      this.props.navigation.goBack()
    }

这是通过两个pop()将参数从屏幕C传递到屏幕A的方法