title: React Native Navigation 5 Nested
body: <p>I m trying to use on a react native app nested Navigation. On the one hand i want stack navigation in order to make work my buttons. On the other hand, i want to include the Bottom navigation tab. I succeed in implementing both individually but not together. Getting an error like the following: "the action navigate with payload {name:Login} was not handled by any navigator. If you are trying to navigate to a screen in nested navigator "see react navigation website"(see image). I checked it but no luck</p>
  
  <p>The code for the navigation component is the following</p>
  
  <pre><code>const Stack = createStackNavigator();
  const MaterialBottomTopTabs = createBottomTabNavigator();
  
  class Navigation extends Component {
    createHomeStack = () =&gt; {
      return (
        &lt;Stack.Navigator
          screenOptions={{
            headerShown: false,
          }}
          initialRouteName="RegisterLogin"&gt;
          &lt;Stack.Screen name="s" component={RegisterLogin} /&gt;
          &lt;Stack.Screen name="Login" component={Login} /&gt;
          &lt;Stack.Screen name="Register" component={Register} /&gt;
          &lt;Stack.Screen name="Articles" component={Articles} /&gt;
        &lt;/Stack.Navigator&gt;
      );
    };
    render() {
      return (
        &lt;NavigationContainer&gt;
          &lt;MaterialBottomTopTabs.Navigator&gt;
            &lt;MaterialBottomTopTabs.Screen name="tab3" component={RegisterLogin} /&gt;
            &lt;MaterialBottomTopTabs.Screen name="tab1" component={Articles} /&gt;
            &lt;MaterialBottomTopTabs.Screen name="tab2" component={Sleep} /&gt;
          &lt;/MaterialBottomTopTabs.Navigator&gt;
        &lt;/NavigationContainer&gt;
      );
    }
  }
  </code></pre>
  
  <p>and in order to acces from buttons is </p>
  
  <pre><code>  &lt;TouchableOpacity
              style={styles.registerButton}
              title="Register button"
              onPress={() =&gt; this.props.navigation.navigate('Register')}&gt;
              &lt;Text style={styles.registerText}&gt;Register&lt;/Text&gt;
            &lt;/TouchableOpacity&gt;
  </code></pre>
  
  <p>Thank you </p>