title: React native, edit data from another screen
body: <p>I made 2 screens one home screen and 2nd edit screen I need to edit data of home screen from edit screen and save it and that data should also update in home and detail screen. How can I do this without redux or context. Can anyone tell me.</p>
  <p>Home.js</p>
  <pre><code>class Home extends Component {
    state = {
      post: [
        {
          key: &quot;1&quot;,
          title: &quot;A Good Boi&quot;,
          des: &quot;He's a good boi and every one know it.&quot;,
          image: require(&quot;../assets/dog.jpg&quot;),
        },
      ],
    };
  
    render() {
      return (
          &lt;FlatList
            data={this.state.post}
            renderItem={({ item }) =&gt; (
              &lt;&gt;
                &lt;TouchableOpacity
                  activeOpacity={0.7}
                  onPress={() =&gt; this.props.navigation.navigate(&quot;Edit&quot;, item)}
                  style={styles.Edit}
                &gt;
                  &lt;MaterialCommunityIcons
                    name=&quot;playlist-edit&quot;
                    color=&quot;green&quot;
                    size={35}
                  /&gt;
                &lt;/TouchableOpacity&gt;
                &lt;Card
                  title={item.title}
                  subTitle={item.des}
                  image={item.image}
                  onPress={() =&gt; this.props.navigation.navigate(&quot;Details&quot;, item)}
                /&gt;
              &lt;/&gt;
            )}
          /&gt;
  </code></pre>
  <p>Edit.js</p>
  <pre><code>class ListDetails extends Component {
    render() {
      const listing = this.props.route.params;
      return (
        &lt;View&gt;
          &lt;Image style={styles.image} source={listing.image} /&gt;
          &lt;View style={styles.detailContainer}&gt;
            &lt;AppTextInput value={listing.title} /&gt;
            &lt;AppTextInput value={listing.des} /&gt;
          &lt;/View&gt;
          &lt;AppButton
            text=&quot;Save&quot;
            onPress={() =&gt; this.props.navigation.goBack(&quot;Home&quot;)}
          /&gt;
        &lt;/View&gt;
  </code></pre>
  <p>Details.js</p>
  <pre><code> const listing = this.props.route.params;
      return (
        &lt;View&gt;
          &lt;Image style={styles.image} source={listing.image} /&gt;
          &lt;View style={styles.detailContainer}&gt;
            &lt;Text style={styles.title}&gt;{listing.title}&lt;/Text&gt;
            &lt;Text style={styles.des}&gt;{listing.des}&lt;/Text&gt;
          &lt;/View&gt;
        &lt;/View&gt;
      );
  </code></pre>