Font for small circles looks broken on Android

[ZRunner]

trafficstars

As the title says, the progress font has a weird behavior on Android when the radius is relatively small (like 20 and less). However this does not occurs on iOS.
I tried both dynamic font scaling and fixed font size.

Could it be a OS-related issue and not something we can fix?

Here is a side-by-side comparison with dynamic font size:

And the same one with a progress font size fixed to 12:

And the code used:

      <CircularProgress
        value={25}
        duration={0}
        radius={12}
        inActiveStrokeWidth={2}
        activeStrokeWidth={2}
        valueSuffix="%"
      />
      <View style={{height: 10}} />
      <CircularProgress
        value={50}
        duration={0}
        radius={18}
        inActiveStrokeWidth={2}
        activeStrokeWidth={2}
        valueSuffix="%"
      />
      <View style={{height: 10}} />
      <CircularProgress
        value={75}
        duration={0}
        radius={25}
        inActiveStrokeWidth={2}
        activeStrokeWidth={2}
        valueSuffix="%"
      />

[khayym]

Same bug, why this bug is not fixed

[khayym]

@nithinpp69 after one week I found a different solution. You can use react-native-circular-progress

[sunil-digimantra]

I am facing the same issue and still have not found any solution.