ios - React Native 的 React-Navigation : Adding a badge in TabNavigator's Tab

Question

在带有 React-Navigation 的 React-Native 中，我有一个像这样的 Tabnavigator:

const testScreenNavigator = TabNavigator({
    Tab1: { screen: Tab1Screen },
    Tab2: { screen: Tab2Screen },
    Tab3: { screen: Tab3Screen },
});
testScreenNavigator.navigationOptions = {
    title: 'MY TITLE',
    header: {
        titleStyle:{
        },
        style:{
// how to set the options?
        },
    }  
}

现在我想在 Tab1 旁边添加一个角标(Badge):例如

标签 1 (2) |标签 2 |表3

在 Android 中，这可以通过以下方式完成:

 static navigationOptions = {

     tabBar: {
          label: () => {
                ... 
                return (
                   <Text style={{ backgroundColor: '...', borderRadius: 10}}>
                       {badgeNumber}
                   </Text>
                ...

在 iOS 中，它在底部显示 TabMenu，这没问题，因为它是 iOS 的 native 行为。但在 iOS 中，角标(Badge)的圆圈不显示，而是矩形背景。

为什么会这样和/或如何在 iOS 中完成角标(Badge)？

问候

Answer 1

RN里面其实有一个badge-package: https://github.com/react-native-component/react-native-smart-badge .