title: how to render tabs Navigation and stack navigation at the same time
body: <p>i am trying to use stack navigation and tab navigation at the same time,i have created a stack navigator and tabs in my app.js files but whenever my app loads they are showing different pages at the same time and i don,t know how to resolve this issue. my app.js code is </p>
  
  <pre><code>import { createStackNavigator, createAppContainer } from 'react-navigation';
  import IntroSlides from './src/screens/introslides/introslides';
  import Dashboard from './src/screens/dashboard/dashboard';
  import InboxScreen from '../screens/inbox/inbox';
  import Favourites from '../screens/favourite/favourite';
  
  const MainNavigator = createStackNavigator({
    dashboard: { screen: Dashboard },
    intro: { screen: IntroSlides },
   }, {
    headerMode: 'none',
    navigationOptions: {
       headerVisible: false,
    }
  });
  const TabNavigator = createBottomTabNavigator({
     // dashboard: { screen: Dashboard },
     Inbox: { screen: InboxScreen },
     Favourites: { screen: Favourites }
  });
  
  const App = createAppContainer(MainNavigator);    
  
  export default App;
  </code></pre>
  
  <p>when the app loads both the stack shows pages at the same time ,any Help would be appreciated</p>