title: nav-menu item click to navigate to other screen in react-native
body: <p>I have created navigation bar in react-native using class component, how to navigate on click of nav-menu item to other screen?</p>
  <pre><code>       &lt;SideMenu
           menu={menu}
           isOpen={this.state.isOpen}
           onChange={isOpen =&gt; this.updateMenuState(isOpen)} &gt;
  
          &lt;HeadBar toggle={this.toggle} /&gt;
  
          &lt;Home isOpen={this.state.isOpen} /&gt;
  
        &lt;/SideMenu&gt;
  
  
  
      &lt;NavigationContainer&gt;
              &lt;Stack.Navigator
                  initialRouteName=&quot;SplashScreen&quot;
                  screenOptions={{
                      headerShown: false,
                  }} &gt;
                  &lt;Stack.Screen name=&quot;SplashScreen&quot; component={SplashScreen} /&gt;
                  &lt;Stack.Screen name=&quot;LoginScreen&quot; component={LoginScreen} /&gt;
                  &lt;Stack.Screen name=&quot;Dashboard&quot; component={Dashboard} /&gt;
                  &lt;Stack.Screen name=&quot;About&quot; component={About} /&gt;
              &lt;/Stack.Navigator&gt;
  
      &lt;/NavigationContainer&gt;
  </code></pre>