title: undefined is not an object (evaluating 'navigation.navigate') in React Native
body: <p>I have one button which is redirect to anothe page called <strong>SELECT_COMPANY_SCREEN</strong>.only i need to redirect to this page.</p>
  <pre><code>import { SELECT_COMPANY_SCREEN } from &quot;../../constants/screen-names&quot;;
  const SettingsCompanyCard = ({ navigation }) =&gt; {
  &lt;Button
          onPress={() =&gt; navigation.navigate(&quot;SELECT_COMPANY_SCREEN&quot;)}
          title=&quot;go to Company&quot;
        /&gt;
  }
  export default SettingsCompanyCard;
  </code></pre>
  <p>but i am facing issues like below.
  <a href="https://i.stack.imgur.com/LaH4W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LaH4W.png" alt="enter image description here" /></a>
  How can i resolve this issue?</p>