Как добавить счетчик списка внутри TabNavigator в реагировать родной

Question

Как реализовать подсчет внутри навигатора вкладок в реагировать родной. Ниже приведен пример изображения. Я попросил отреагировать сообщества, но никто, кажется, не имеет ответа на это. Пожалуйста помоги.

Answer 1

У вас есть два варианта здесь:

1.Используйте избыточность или что-то еще, чтобы компонент табуляции знал свой счет независимо от маршрута.

2. У вас может быть такой параметр, как badgeCount, который виден потому, что tabBar или любой другой параметр навигации могут быть определены как функция навигационной команды:

static navigationOptions = {
        tabBar: (navigation) => ({
            label: 'Home',
            icon: ({ tintColor, focused }) =>
                <IconBadge
                MainElement={
                    <Ionicons
                    name={focused ? 'ios-home' : 'ios-home-outline'}
                    size={26}
                    style={{ color: tintColor }}
                    />
                }
                badgeNumber={navigation.state.params.badgeCount}
            />,
        }),
    }

Затем вы можете изменить параметр, вызвав navigation.setParams({ badgeCount: 123 }).

Это было решено в этой проблеме Github

Answer 2

На вашей прошлой странице:

static navigationOptions = ({navigation}) => ({
  title: 'yourTitle',
  tabBarLabel: 'Past${navigation.state.params.count}'
})

и он будет отображать новый счет после того, как вы измените счет методом setParams:

navigation.setParams({count: list.length})