title: How to add mapStateToProps / redux to react-navigation TabNavigator?
body: <p>I want to build the very simple example shown here: <a href="https://reactnavigation.org/docs/tab-based-navigation.html" rel="nofollow noreferrer">https://reactnavigation.org/docs/tab-based-navigation.html</a></p>
  
  <pre><code>import React from 'react';
  import { Text, View } from 'react-native';
  import { TabNavigator } from 'react-navigation'; // 1.0.0-beta.27
  
  class HomeScreen extends React.Component {
    render() {
      return (
        &lt;View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}&gt;
          &lt;Text&gt;Home!&lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  }
  
  class SettingsScreen extends React.Component {
    render() {
      return (
        &lt;View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}&gt;
          &lt;Text&gt;Settings!&lt;/Text&gt;
        &lt;/View&gt;
      );
    }
  }
  
  export default TabNavigator({
    Home: { screen: HomeScreen },
    Settings: { screen: SettingsScreen },
  });
  </code></pre>
  
  <p>How would I go about wrapping the tab navigator in mapStateToProps (or any stack navigator). For example if I want to use dynamic tab names for a specific tab.</p>
  
  <p>Thanks.</p>