title: React Native useNavigation class Component
body: <p>I am using a class component and I want to navigate from here to another screen. But it says navigate is undefined. I look up to the docs and I realised I need to use <code>userNavigation</code><a href="https://reactnavigation.org/docs/use-navigation/" rel="nofollow noreferrer">This</a>. but i don't how to actually use it. Someone helps please</p>
  
  <pre><code>export default class ReduxScreen extends Component {
  render() {
      return (
          &lt;View&gt;
             &lt;Button block style={{ marginHorizontal: 30, marginTop: 50 }} onPress={() =&gt; {
           //I want to add the useNavigation here
  
              }}&gt;
               &lt;Text style={{ color: '#FFF' }}&gt;Start&lt;/Text&gt;
            &lt;/Button&gt;
          &lt;/View&gt;
      )
  }}
  </code></pre>