How to send data back to previous sceen when using navigation.goBack()?

Question

I\'ve got screen 1 from which I navigate to screen 2 using:

navigation.navigate(\'Screen2\')

From this screen, I would like to go to the pr

Answer 1

You can pass a callback (onSelect) like this:

// SCREEN 1
import React from "react";
import { Button, Text, View } from "react-native";

class Screen1 extends React.Component {
  state = { selected: false };

  onSelect = data => {
    this.setState(data);
  };

  onPress = () => {
    this.props.navigate("Screen2", { onSelect: this.onSelect });
  };

  render() {
    return (
      
        {this.state.selected ? "Selected" : "Not Selected"}
        
      
    );
  }
}

// SCREEN 2
import React from "react";
import { Button } from "react-native";

class Screen2 extends React.Component {
  goBack() {
    const { navigation } = this.props;
    navigation.goBack();
    navigation.state.params.onSelect({ selected: true });
  }

  render() {
    return ;
  }
}