在反应导航中使用 navigation.goBack 发送参数

Question

你好，如何发送导航返回参数？

const Onsubmit = (data, details = null) => {
    console.log(details.formatted_address);
    route.params.onPlaceChosen(
      route.params.id,
      details.formatted_address,
      details.geometry
    );
    navigation.goBack();
  };

这里我想将details.formatted_address中的值传递到页面B。如何？

Answer 1

如果您从屏幕 A 导航到屏幕 B，并且当您想返回屏幕 A 并再次在屏幕 A 中运行回调时，您需要执行以下操作：

在你的屏幕 A（来源）中

...
const onPlaceChosen = (params) => {
    // here is your callback function
}

...
navigation.navigate('ScreenB', { onPlaceChosen })
...

在您的屏幕 B（目的地）中

..
const Onsubmit = (data, details = null) => {

    navigation.state.params.onPlaceChosen(
      route.params.id,
      details.formatted_address,
      details.geometry
    );
    navigation.goBack();
  };
...