Как добавить mapStateToProps / redux для реагирования-навигации TabNavigator?

Question

Я хочу построить очень простой пример, показанный здесь: https://reactnavigation.org/docs/tab-based-navigation.html

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 (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>Home!</Text>
      </View>
    );
  }
}

class SettingsScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>Settings!</Text>
      </View>
    );
  }
}

export default TabNavigator({
  Home: { screen: HomeScreen },
  Settings: { screen: SettingsScreen },
});

Как бы я обернул вкладку навигатор в mapStateToProps (или любой стековый навигатор). Например, если я хочу использовать динамические имена вкладок для конкретной вкладки.

Благодарю.

Answer 1

 const MainRoot =(props) => {
      const myTabbar = TabNavigator({
              Home: LoginForm,
              Settings: RegistrationForm,
              third: TabsView
               },{
               initialRouteName: props.myName
               }
             );
       return <CustomTabNavigator/>;
 }
 const mapStateToProps = state => ({
          myName: state.LibraryMain,
 });
export default connect(mapStateToProps)(MainRoot)