title: How to send data from one screen to another screen in react native?
body: <p>I am new to react native how can i send data from one screen to another screen using props in android not for ios my code is as below</p>
  
  <p>Home.js</p>
  
  <pre><code>class Home extends React.Component {
  
    constructor(props) {
      super(props);
      this.state = {
        qwerty:{
          data:[],
        },
      };
    }
  
    goPressed(navigate){
       navigate("Product");
    }
  
    render() {
        const { navigate } = this.props.navigation;
  
        contents = this.state.qwerty.data.map((item) =&gt; {
          return (
              &lt;View key={item.p1.id}&gt;
              &lt;View&gt;
                &lt;Text&gt;{item.p1.content}&lt;/Text&gt;
              &lt;/View&gt;
              &lt;View&gt;
  
              &lt;TouchableHighlight onPress={() =&gt; this.goPressed(navigate)}&gt;
                &lt;Text&gt;
                  Go
                &lt;/Text&gt;
              &lt;/TouchableHighlight&gt;
  
              &lt;/View&gt;
            &lt;/View&gt;
            );
         });
  
        return (
          &lt;ScrollView style={styles.container}&gt;
            {contents}
          &lt;/ScrollView&gt;
        );
      }
    }
  
    export default Home;
  </code></pre>
  
  <p>this is my home.js , I want pass data i.e {item.p1.content} to another screen i.e product.js so how can i do it what modification should i do?</p>
  
  <p>Product.js</p>
  
  <pre><code>      export default class Products extends Component {
    static navigationOptions = {
      title: "Products",
    };
  
    render() {
      return (
        &lt;View style={{ flex: 1 }}&gt;
          &lt;Text&gt;{item.p1.content}&lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>