TabNavigator повторно сделать

Question

Я использую TabNavigator в реагировать на родной, и я хотел бы сделать рендеринг при навигации, но я не могу это сделать... Кто-то знает, как это сделать??

Моя попытка: navigation.js

const Navigation = TabNavigator({
    Listing: {screen: ListingScreen},
    Preferences: {screen: PreferencesScreen},
    Add: {screen: AddScreen},
    Calendar: {screen: CalendarScreen},
    Professional: {screen: ProfessionalScreen},
}, 
{
    initialRouteName: 'Add',
    tabBarOptions: {
        activeTintColor: 'blue',
        activeBackgroundColor: 'grey',
        inactiveTintColor: 'black',
    },
});

export default class App extends Component {
    render() {
      return (
        <Navigation
          screenProps={{ prop: "I am a Props !" }}
        />
      );
    }
  }

Навигация по страницам professional.js

export default class Professional extends Component {
    static navigationOptions = {
        title: 'Professional',
        tabBarOnPress: (scene, jumpToIndex) => {jumpToIndex(scene.index), console.log("Professional")},
    };
   render() {
        return (
            <View>
                <Text style={{marginTop: '80%', marginLeft: '40%'}}> Professional </Text>
            </View>
        );
    }
}