Background Line between Rating Stars on Android

[iRoachie]

Ref https://github.com/react-native-elements/react-native-elements/issues/1307

[reidkersey]

Is there any current active workaround on this? I saw someone say that resizing the image could work, however, I don't appear to have any luck (or maybe I am resizing the wrong thing).

[stania0510]

Also having the same issue and I need a quick fix or workaround for this. Resizing only works for certain devices only and still appears in other devices with different screen resolutions.

[ui-ninja]

This is because of images used. Also, when wrapped inside <TouchableOpacity /> this shows grey background for brief moment.

I created a small library which support fractions and use Ionicons icons instead of - feel free to use it https://www.npmjs.com/package/react-native-rating-element

[mayanafit]

Having the same issue here, workaround like resize the icon is not desired as I use adjusted function to adjust size based on the screen resolution on each device.

[suulola]

The fix i eventually resort to was

<View style={{ borderLeftWidth: 1, borderLeftColor: 'white', }}> <Image source={source} style={{width: imageSize - 1, height: imageSize + 1, tintColor}} /> </View>

Used borderColor of white because my app background is white