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

Question

hellow, how to send params navigation go back?

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

here I want to pass the value from details.formatted_address to page B. How to?

Answer 1

If you are navigating from Screen A to Screen B, and when you want to go back to Screen A with running a callback in again Screen A, below is what you need to do:

In your Screen A (Source)

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

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

In your Screen B (Destination)

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

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

Answer 2

In my case, using navigation and route passed by props, the solution was:

route.params.onFilter({
    route.params.id,
    details.formatted_address,
    details.geometry
});
navigation.goBack();

Answer 3

I did something like this based on https://reactnavigation.org/docs/5.x/hello-react-navigation/#passing-additional-props

const [params, setParams] = useState({});   

<Stack.Navigator>
  <Stack.Screen name="One">
  {props => <FirstScreen {...props} paramsFromTwo={params} />}
  </Stack.Screen>  

  <Stack.Screen name="Two">
  {props => <SecondScreen {...props} onGoBack={(paramsFromSecond} => setParams(paramsFromSecond)} />}
  </Stack.Screen>  
</Stack.Navigator>

Answer 4

I did this way:

onPress={() => {
    // Pass and merge params back to home screen
    navigation.navigate({
        name: 'Home',
        params: { post: postText },
        merge: true,
    });
}}

It was extracted from: https://reactnavigation.org/docs/params#passing-params-to-a-previous-screen