title: Passing parameter and reset it when leave current screen by React Navigation
body: <p>I try to pass a object type parameter from Home screen to the DailyActivity screen by touch the button that selected user Overlay in Home screen. But still showing last selected user's parameter data even though leave current(DailyActivity) to another screen.</p>
  
  <p>So let me know these things..</p>
  
  <ol>
  <li><p>How to reset parameter when move to another screen?</p></li>
  <li><p>How to detect current screen name in child screen component?</p></li>
  </ol>
  
  <p><strong>Home screen</strong></p>
  
  <pre><code>&lt;Button
            buttonStyle={{ margin: 5, backgroundColor: "#ef9a9a" }}
            title="Daily Activity"
            onPress={() =&gt; {
              navigation.navigate("Daily Activity", { baby });
              setIsOverlayed(!isOverlayed);
            }}
          /&gt;
  </code></pre>
  
  <p><strong>DailyActivity Screen</strong></p>
  
  <pre><code>export default function DailyActivity({ route }) {
    if ({ route }) {
      return (
        &lt;View style={styles.container}&gt;
          &lt;Text style={styles.text}&gt;Daily Activity Screen&lt;/Text&gt;
          &lt;Text&gt;{route.params.baby.firstName}&lt;/Text&gt;
        &lt;/View&gt;
      );
    } else {
      return (
        &lt;View style={styles.container}&gt;
          &lt;Text style={styles.text}&gt;Daily Activity Screen&lt;/Text&gt;
          &lt;Text&gt;params not exist&lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>