Я использовал 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
...