Как установить сount для Badge в react-navigation?

Question

[Илья]

Решил добавить бэйдж для иконки в bottom-navigation.

Нашел нужный модуль поставил. Все работает.

Такой вопрос как мне теперь передавать ему значение ?

В моем случае у меня есть рест который срабатывает как только заходишь в приложуху.

Как мне передавать ему data.length ?

Дела с кодом обстоят вот так :

App.js <- Тут у меня StackNavigator

Alarm: {
      screen: Alarm,
      navigationOptions: { tabBarIcon: AlarmTabIcon }
    },

const AlarmTabIcon = ({ tintColor }) => (
  <View
    style={{
      flexDirection: "row",
      alignItems: "center",
      justifyContent: "center"
    }}
  >
    <IconBadge
      MainElement={<Ionicons name="ios-alert" size={26} color={tintColor} />}
      BadgeElement={
        <Text style={{ color: "#FFFFFF", fontSize: 8 }}>
          { Сюда нужно передавать значение }
        </Text>
      }
      IconBadgeStyle={{ width: 14, height: 14, backgroundColor: "#4B1E70" }}
      
    />
  </View>
);

Мысль была в том что сохранять значение в AsyncStorage (data.length)

Но как мне его передать в константу и будет ли он обновлять когда data.length будет менять свое значение.

Answer 1

[davidnum95]

Я делал так: загружал инфу по бэйджам, записывал их в стор(redux), затем каждый компонент иконки коннектил к стору и уже оттуда доставал данные.