Is there a way to make slider's button/thumb (that green circle) bigger, to set height and width. In iOS, it looks nice, but on Android is so small.
... <Slider style={styles. scheduleBar} minimumValue={0} maximumValue={120} minimumTrackTintColor="#FFFFFF" maximumTrackTintColor="#000000" thumbImage={'../styles/dark/dot.
The ReactJS Slider component represents a versatile Slider that allows the user to choose from a range of values by moving their thumb along a track.
Apply this on element style:
transform: [{ scaleX: 1.5 }, { scaleY: 1.5 }]
As of now, there is no props that you can supply to the slider component to make the thumb bigger. Of-course you can customise the thumb for iOS as per react-native documentation but not for android.
There is library that you can make use of here -> react-native-slider
This is a pure javascript library that make use of Animated and PanResponder.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With