React-Native Re-Render Экран на вкладке нажмите

Question

Я хочу добавить две панели вкладок.Одна панель вкладок будет отображаться одновременно, но доступ к другой панели вкладок должен быть виден.Я хочу выполнить повторную визуализацию главной панели инструментов, чтобы панель вкладок отображалась в соответствии с флагом, который я буду обновлять после нажатия вкладки.

Как выполнить повторную визуализацию компонента из панели вкладок, нажмите.

type props = {};
let tabBarVisible = true;
export default class MainDashboard extends React.Component<props> {

  render() {
    return (
      <View style={styles.container}>
    =

        {tabBarVisible && <AppContainer screenProps={{ props: this.props }} />}
        {!tabBarVisible && <AppContainer2 screenProps={this.props} />}
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#000"
  },

});

const TabNavigator = createBottomTabNavigator(
  {
    Menu: {
      screen: CommunityListScreen,
      navigationOptions: {
        tabBarOnPress: ({ navigation, defaultHandler }) => {
          navigation.goBack();
          tabBarVisible = true;
        },
        tabBarIcon: ({ tintColor }) => (
          <View style={{ marginLeft: 35 }}>
            <Image
              source={require("../../assets/Dashboard/menu.png")}
            />
          </View>
        )
      }
    }
  },
  {
    activeColor: "#444cf8",
    animationEnabled: true,
    inactiveColor: "#919090",

  }
);

const TabNavigator2 = createBottomTabNavigator(
  {
   }
);

const AppContainer = createAppContainer(TabNavigator);
const AppContainer2 = createAppContainer(TabNavigator2);