title: TabsNavigator inside StackNavigator
body: <p>I'm using React-Navigation and I have a StackNavigator, this is the app.js with the Stack + Tabs Navigator:</p>
  
  <pre><code>import React from 'react';
  import { AppRegistry } from 'react-native';
  import { StackNavigator, TabNavigator } from 'react-navigation';
  
  import LoginScreen from './app/screens/LoginScreen';
  import RegisterScreen from './app/screens/RegisterScreen';
  import HomeScreen from './app/screens/HomeScreen';
  import FriendsScreen from './app/screens/FriendsScreen';
  
  const Stylelist = StackNavigator({
    Login:{
       screen: LoginScreen,
       navigationOptions: ({navigation}) =&gt;({
         header: null,
       }),
    },
    Register:{
        screen: RegisterScreen,
        navigationOptions: ({navigation}) =&gt;({
          header: null,
        }),
    },
    Home:{
       screen: HomeScreen,
       navigationOptions: ({navigation}) =&gt;({
         title: "Home",
       }),
    },
  });
  
  const TabsNav = TabNavigator({
    Home: {
      screen: HomeScreen,
      navigationOptions: ({navigation})=&gt;({
        title: "Home",
      }),
    },
    Friends: {
      screen: FriendsScreen,
      navigationOptions: ({navigation})=&gt;({
        title: "My Friends",
      }),
    },
  });
  export default Stylelist;
  </code></pre>
  
  <p>I want to have 2 tabs inside HomeScreen, one is Home itself and the other is FriendsScreen, How can I do that?
  I tried looking in reactnavigation.org but couldn't understand how to do it.</p>
  
  <p>Thanks in advance!</p>