react-native-ratings icon indicating copy to clipboard operation
react-native-ratings copied to clipboard

{ Rating } not work as expected with RTL (right to left) enabled

Open byteab opened this issue 5 years ago • 4 comments

the swiping not working correctly. if I swipe my finger to left it should fill the stars and when I swipe it to right it should empty the stars as RTL UI expect. but it behave like LTR UI

byteab avatar Jan 25 '20 11:01 byteab

I have not seen any issue with RTL. can you provide a expo snack with your code

ramisalem avatar Mar 05 '20 19:03 ramisalem

@EhsanSarshar For direction aware try https://www.npmjs.com/package/react-native-rating-element .. I implemented RTL using direction="row-reverse" prop in above library.

anshulasethi avatar Jul 10 '20 18:07 anshulasethi

ok tnx @anshulasethi

byteab avatar Jul 12 '20 05:07 byteab

he is right, if you use RTL doesn't work property. The start are indeed from RTL but if it's not in readonly mode (let's say we can rate it from 1 to 5) and that i select the first stars (first from RTL) it doesn't give a rate of 1 but a rate of 5. same if i select the last star (the 5th from RTL) it give only 1.

also the text as showRating is broken Screen Shot 2022-03-02 at 12 41 28

Bamorem avatar Mar 02 '22 10:03 Bamorem