Как я могу обновить или передать количество значков от компонента к Tab.Navigator. Реагировать родной

Question

Я хочу обновить или показать количество значков на нижних вкладках, как я могу передать счет от API в Компоненте к Tab.Navigator и отобразить счет на нижних вкладках.

пример кода

`import Channels from '@channels';
 import Documents from '@documents';
render(){
return(
<Tab.Navigator
    initialRouteName={this.state.selectedTab}
    tabBarOptions={{
      activeTintColor: '#248E42',
      labelStyle:{fontSize:width/35'}
    }}
  >
    <Tab.Screen
     name="Channels"
     component={Channels}
     options={{
      tabBarLabel: 'Channels',
      tabBarIcon: ({ focused,badgeCount }) => (
        <View>
        <Image source={Images.iconChannel} style={{ height: 24, width: 24 }} />
        {badgeCount < 0 &&
          (
          <View style={styles.badge}>
            <Text style={{ color: 'white', fontSize: 10, fontWeight: 'bold' }}>{badgeCount}</Text>
          </View>
          )
        }
        </View>
      )
    }}
    />
    <Tab.Screen
     name="Documents"
     component={Documents}
     options={{
      tabBarLabel: 'Documents',
      tabBarIcon: ({ focused }) => (
        <Image source={Images.iconDocuments} style={{ height: 24, width: 24 }} />
      ),
    }}
    />
  </Tab.Navigator>)}
`

Ваше окружение

 `@react-navigation/native - ^5.1.7
 @react-navigation/bottom-tabs - ^5.2.8
 react-native-screens - ^2.7.0
 react-native - 0.62.2`