title: How to use Stack and Tab navigation at same time
body: <p>Hello I am new to react native and particullary react navigation.
  I am stuck on one easy thing, use the tab navigator and the stack navigator at the same time.
  I am able to use one at a time but not both at the same time. I didn't fully understood the react navigation doc.
  Here is what I am doing :</p>
  <p>My navigation file : at first my stack Navigator :</p>
  <pre><code>const Stack = createStackNavigator()
   export default function MyStack() {
      return (
          &lt;NavigationContainer&gt;
              &lt;Stack.Navigator screenOptions={{headerShown: false}}&gt;
                  &lt;Stack.Screen name=&quot;Profile&quot; component={Profile}/&gt;
                  &lt;Stack.Screen name=&quot;Home&quot; component={Home}/&gt;
                  &lt;Stack.Screen name=&quot;MachinesList&quot; component={MachinesList}/&gt;
                  &lt;Stack.Screen name=&quot;Size&quot; component={Size}/&gt;
                  &lt;Stack.Screen name=&quot;Weight&quot; component={Weight}/&gt;
              &lt;/Stack.Navigator&gt;
          &lt;/NavigationContainer&gt;
      )
  }
  </code></pre>
  <p>and then my tab navigator :</p>
  <pre><code>const Tab = createBottomTabNavigator()
  
  export function TabNavigator(){
      return(
              &lt;Tab.Navigator&gt;
                  &lt;Tab.Screen name='Profile' component={Profile}/&gt;
                  &lt;Tab.Screen name='Home' component={Home}/&gt;
                  &lt;Tab.Screen name='MachinesList' component={MachinesList}/&gt;
              &lt;/Tab.Navigator&gt;
      )
  }
  
  </code></pre>
  <p>And here is how I try to put my navigation in my App.js :</p>
  <pre><code> return (
        &lt;Provider store={store}&gt;
            &lt;MyStack /&gt;
        &lt;/Provider&gt;
  </code></pre>