In RNN 6.5.0 badge color is not changing on iOS. Works fine on Android.
I've tried different ways to set badge color:
1) with mergeOptions:
Navigation.mergeOptions('Tab.Inbox', {
bottomTab: {
badge: newMessagesCount ? String(newMessagesCount) : '',
badgeColor: colors.pink
}
});
2) with setDefaultOptions:
Navigation.setDefaultOptions({
bottomTab: {
badgeColor: colors.pink,
}
});
3) setting color directly in the bottomTabs children:
{
stack: {
id: 'Tab.Inbox',
children: [{
component: {
id: 'Inbox.Main',
name: Screens.Inbox,
}
}],
options: {
bottomTab: {
icon: IMG_INBOX,
text: 'Inbox',
iconColor: colors.grayBlue,
textColor: colors.grayBlue,
selectedIconColor: colors.orange,
selectedTextColor: colors.orange,
fontFamily: FONT_OPENSANS_BOLD,
badgeColor: colors.pink,
}
}
}
},
But none of these ways worked and badge is always displayed with default orange color:

Compare to Android:

Note: If RNN is downgraded to 6.0.0 everything works fine on both platforms.
We have the same issue (
Can somebody take a look on this please?
@guyca
@yogevbd Do you have any ETA for this issue?
Fixed in #6246
Please reopen this issue. After upgrading to latest (6.7.5), badgeColor cannot be changed. Prior to upgrade it worked fine. Please help.
@yond The fix in #6246 is working fine, but as I see it wasn't yet released for some reason.
It was mentioned in bug fixes list for v6.7.5 (https://github.com/wix/react-native-navigation/releases/tag/6.7.5) but I can't see these changes in the latest version (https://github.com/wix/react-native-navigation/compare/6.5.0...6.7.5)
@yogevbd @guyca Could somebody please take a look at this?
Most helpful comment
Fixed in #6246