How can I override react navigate.goBack(). My goal is to pass data from child to parent, which will used to update the parent.
There is a similar solution here react-navigation-goback-and-update-parent-state, however they still call this.props.navigation.goBack(), I want to be able to use the back button in the title bar.
You can achieve this by using call back function.
eg:
Parent class:
Add a call back function in parent class, and pass the function to child class using props.
...
...
//Navigating button
_didTapOnButton() {
this.props.navigation.navigate("NextScreen", {
callBackMethod: this._callBackMethod.bind(this)
});
}
//Call back method
_callBackMethod(dataFromChild) {
//Your logic...
}
...
...
Child Class:
...
...
//Child class back button
_didTapOnBackButton() {
const { params } = this.props.navigation.state; // Take parameter from navigation
params.callBackMethod('data 1'); // Call back function with data: 'data 1'
this.props.navigation.pop();
}
...
...
