Как создать значок, который принимает данные из хранилища избыточных данных в BottomTabNavigator?

Question

Я использовал createBottomTabNavigator() для создания BottomNav.Затем я создал статический значок в BottomNav.но я хочу сделать динамический значок.счетчик бейджей берет из хранилища редуксов.

вот часть моего кода, которая показывает значок.

...
const getTabBarIcon = (navigation, focused, tintColor) => {
  const { routeName } = navigation.state;
  let iconName = null;
  let badgeCount = null;

  if (routeName === 'Alarm') {
    iconName = 'alarm';
    badgeCount = 27;
  } else if (routeName === 'Messages') {
    iconName = 'message';
    badgeCount = 11;
  } else if (routeName === 'Summary') {
    iconName = `matrix`;
    badgeCount = 55;
  }
  return (
     <View style={styles.tabIcon}>
         <Badge color="red"><Text>{badgeCount}</Text></Badge>
         <Icon type="MaterialCommunityIcons" name={iconName} />
     </View>
  );
};
...
    defaultNavigationOptions: ({ navigation }) => ({
      tabBarIcon: ({ focused, tintColor }) => getTabBarIcon(navigation, focused, tintColor),
    }), // set the tabBarIcon in the navigationOptions
...