Create a range slider in Expo

user_18700334 0
Viewed 155

I have tried a lot of npm packages but it seems that none of them are compatible with Expo.

I am thinking of building a range slider by myself, but as far as I know, there is no range input component in react native.

What I need is something like this :

https://www.bypeople.com/wp-content/uploads/2019/11/css-js-range-slider.png

How can I achieve this ?

I am using expo version 5.4.12.

expo react-native
2 Answers

Try this

Here is an example of making custom range slider which is compatible with expo sdk

user_139130530

I think you can do this using a slider package (like react-native-multi-slider) and measure the location of the marker using React Native's measure. Combining these two tools you can create an element to be positioned above the marker every time the user interact with slider.

user_182563700
Related