search

Monte9 / react-native-ratings

Tap and Swipe Ratings component for React Native.
https://expo.io/@monte9/react-native-ratings
MIT License
904 stars 196 forks source link

Background Line between Rating Stars on Android #29

Open iRoachie opened 6 years ago

iRoachie commented 6 years ago

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

reidkersey commented 5 years ago

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 commented 4 years ago

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 commented 4 years ago

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 commented 2 years ago

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 commented 2 years ago

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