在反应原生底部选项卡导航器中修改 tabBarBadge 颜色

Question

我有一个使用createBottomTabNavigator 进行导航的本机应用程序。我为组成导航器的 2 个选项卡设置了自定义图标，并使用 navigation.setOptions 向它们添加了徽章，如下所示：

navigation.setOptions({ tabBarBadge: 1 }) // sample value

这工作正常，如here 所示。但是，现在我想将徽章的红色修改为任意颜色。在docs 之后，我尝试像这样更改颜色：

navigation.setOptions({ tabBarBadge: 1, tabBarBadgeStyle: { backgroundColor: 'blue' }) // sample value

不幸的是，这似乎不起作用，我在文档或其他任何地方都找不到任何关于如何修改此颜色的具体示例。

有没有办法修改这个颜色？

更新：我的包版本如下：

@react-navigation/bottom-tabs: ^5.11.1

react-native: 0.63.2

react: 16.13.1

Answer 1

感谢@satya164，我能够通过执行清除 Metro 捆绑器缓存来解决问题 npx react-native start --reset-cache 如他提供的link 中所述。