React导航5 tabBarBadgeStyle不工作

Question

我在我的react-native app中使用react-navigation-5，我使用@react-navigation/material-bottom-tabs创建了一个底部选项卡。我在其中一个选项卡中添加了一个徽章，我使用了tabBarBadge属性，它工作得很好。我需要更改徽章color和background colour，为此我使用了tabBarBadgeStyle，但它不起作用。

<Tab.Screen         
  options={{
    tabBarBadge:88,
    tabBarBadgeStyle:{backgroundColor:'#fff'}
  }}
/>

请帮我实现tabBarBadgeStyle

Answer 1

https://reactnavigation.org/docs/themes/

const MyTheme = {
  ...DefaultTheme,
  colors: {
    ...DefaultTheme.colors,
    notification: 'red',
  },
}

和

<NavigationContainer theme={MyTheme}>
...
</NavigationContainer>