Changable size of touchable area of the thumbImage

callstack / react-native-slider

React Native component exposing Slider from iOS and SeekBar from Android

MIT License

1.19k stars 267 forks source link

Changable size of touchable area of the thumbImage #227

Open trashcoder opened 4 years ago

trashcoder commented 4 years ago

Describe the Feature

With the possibility to add a thumb image, it would be good to make the whole image touchable. Actually you can only touch a little area in the center of the image.

Possible Implementations

Just like react-native-slider it could be implemented in props as "thumbTouchSize".

Related Issues

jawwad22 commented 3 years ago

you can acheive this feature in this way

style={ {
transform: [{ scaleX: .75 }, { scaleY: .75 }, ) }]
} }

trashcoder commented 3 years ago

Thank you, but while scaleY works, scaleX does nothing:

endruuu commented 2 years ago

Yeah, scaleX doesn't work if we wrap the slider inside a class component. But, it works within a functional component. I tried on version 4.1.10.