android badgeText issue

[melihmucuk]

badgeText doesn't work as expected.

[timzaak]

+1.

[ide]

I'm not sure what to do about the border radius issue since I'm not sure how clipping and border radius work on Android. I'm using TabNavigator in an Android app so I will look into this in a few weeks but if you need this feature before then, I could use some help investigating potential solutions.

[amibition521]

need the answer

[songyouwei]

+1

[songyouwei]

I found out a solution, your renderBadge should be like this:

      renderBadge={() =>
        this.state.badgeNum === 0? null:
        <View style={{alignItems:'center',backgroundColor:'red', width:16, borderRadius: 100, borderColor: '#d6d7da'}}>
          <Text style={{color: '#fff',fontSize:12}}>{this.state.badgeNum}</Text>
        </View>
      }

[bradbyte]

Thanks @songyouwei! My issue was the blue square for Android but circle on iOS. Now it's all the same.

[ptomasroos]

Will close since this issue is more than a year, feel free to a open a new if this is still a issue.