title: React Native — Tab Navigator example
body: <p>I'm new in react native development.I want to implement tabbar with stack navigator in react native.Tabbar shows proper. While tap on settingsscreen "Go Home" button not navigating to country screen.Its seems simple but since i am new i dont have much idea.</p>
  
  <p><strong>index.ios.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import { AppRegistry,View,Text } from 'react-native';
  
  import MNavigator from './Components/MNavigator';
  
  AppRegistry.registerComponent('*****', () =&gt; MNavigator);
  </code></pre>
  
  <p><strong>MNavigator.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import {
     Navigator,
   } from 'react-native';
  
  import {
  TabNavigator,
  } from 'react-navigation';
  
  import { StackNavigator } from 'react-navigation';
  import ArticleList from './ArticleList';
  import SettingsScreen from './SettingsScreen';
  
  export const MNavigator = TabNavigator({
  ArticleList: {screen: ArticleList},
  SettingsScreen: {screen: SettingsScreen},
  
  })
  
  export default MNavigator;
  </code></pre>
  
  <p><strong>SettingsScreen.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  
  import {
  Image,
  Text,
  Button,
  View
  } from 'react-native';
  import { StackNavigator } from 'react-navigation';
  import CountryScreen from './CountryScreen';
  
  class SettingsScreen extends Component {
    static navigationOptions = {
  tabBarLabel: 'Settings',
  // Note: By default the icon is only shown on iOS. Search the showIcon option below.
  tabBarIcon: ({ tintColor }) =&gt; (
    &lt;Image
      source={require('./img/like.png')}
      style={[ {tintColor: tintColor}]}
    /&gt;
    ),
   };
    render() {
      const { navigate } = this.props.navigation;
      return (
        &lt;View&gt;
          &lt;Text&gt;Hello, This is splash&lt;/Text&gt;
          &lt;Button
            onPress={() =&gt; this.props.navigation.navigate('CountryScreen', { user: 'Lucy' })}
            title="Go Home"
          /&gt;
        &lt;/View&gt;
      );
    }
  }
  export default SettingsScreen;
  </code></pre>