title: React native - navigation.navigate is not a function
body: <p>I got this yellow warning message when trying to navigate the through pages.</p>
  
  <pre><code>navigation.navigate is not a function
  </code></pre>
  
  <p>My code </p>
  
  <pre><code>export default (navigation) =&gt; (
    &lt;View&gt;
      &lt;Card&gt;
        &lt;Button
          onPress={() =&gt; {
            onSignIn().then(() =&gt; navigation.navigate("SignedIn")); //yellow warning message
          }}
        /&gt;
      &lt;/Card&gt;
    &lt;/View&gt;
  );
  </code></pre>
  
  <p>This solution not really helping - <a href="https://stackoverflow.com/questions/52904853/navigation-navigate-is-not-a-function">navigation.navigate is not a function</a>.</p>
  
  <p>Reference: <a href="https://github.com/datomnurdin/auth-reactnative" rel="nofollow noreferrer">https://github.com/datomnurdin/auth-reactnative</a></p>