修改反应本机底部选项卡导航器中的 tabBarBadge 颜色

Question

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

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

如图所示效果很好 here. However, now I want to modify that red-ish colour of the badge to an arbitrary one. Following the docs，我试过像这样更改颜色：

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

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

有什么方法可以修改这个颜色吗？

UPDATE: 我的包版本如下：

@react-navigation/bottom-tabs: ^5.11.1

react-native: 0.63.2

react: 16.13.1

Answer 1

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