title: ReactNative- Tab Navigator Inside Stack Navigator
body: <p>Need to Show Tabs For Home Module after Signup Module
  using React-navigation</p>
  
  <p>Working Code with Only Stack Screens</p>
  
  <pre><code>const Stack = createStackNavigator();
  const Bottom = createBottomTabNavigator();
  render() {
          return (
              &lt;NavigationContainer&gt;
                &lt;Stack.Navigator initialRouteName="Welcome" headerMode='none' &gt;
                  &lt;Stack.Screen name="Welcome" component={WelcomeScreen} 
                      options={{
                          title: '',
                          headerBackTitleVisible: false,
                          headerBackTitle: '',
                          headerShown: true
                        }}
                   /&gt;
                  &lt;Stack.Screen name="Login" component={LoginScreen} /&gt;
                  &lt;Stack.Screen name="Signup" component={SignupScreen} /&gt;
                  &lt;Stack.Screen name="ResetPassword" component={ResetPasswordScreen} /&gt;
                &lt;/Stack.Navigator&gt;
              &lt;/NavigationContainer&gt;
            );
      }
  </code></pre>
  
  <p>Need to show Tab from SigninScreen Button
  Tab 1: Dashboard: 
  Tab 2: Profile</p>
  
  <p>Tried Code:</p>
  
  <pre><code>&lt;Bottom.Navigator initialRouteName="Dashboard" &gt;
                          &lt;Bottom.Screen name="Dashboard" component={TabDashboard} /&gt;
                          &lt;Bottom.Screen name="Profile" component={TabProfile} /&gt;
                      &lt;/Bottom.Navigator&gt;
  </code></pre>
  
  <p>Now I need to combine these two block of codes so I can navigate to Tabs
  Tab screen will have further navigations </p>