React-native-slider: Please add Range Slider with two(or more) drag thumbs

[AbhiShrek]

Describe the Feature

In many cases, a range input (from - to) is required from users. For example, Age, Distance, Quantity etc. Currently i have to use 2 separate sliders to get the range. It would be nice if react-native-sliders supports range with two drag thumbs.

Refer :
https://material-ui.com/components/slider/#range-slider

Possible Implementations

Related Issues

[Sharcoux]

I could fix this if my suggestion here was considered valid. @michalchudziak ?

[Suesanz]

Describe the Feature

In many cases, a range input (from - to) is required from users. For example, Age, Distance, Quantity etc. Currently i have to use 2 separate sliders to get the range. It would be nice if react-native-sliders supports range with two drag thumbs.

Refer :
https://material-ui.com/components/slider/#range-slider

Possible Implementations

Related Issues

Also I think user should have option for a vertical slider also. Making slider vertical should have native implementation.

[Sharcoux]

I'm trying to work on this one. I see clearly how it can work for a range (ie 2 thumbs), but can you explain how it is supposed to work for more?

[inmogr]

@Sharcoux could you please let us know when can you release 2 thumbs?

[hwhh]

+1 - I am trying to use a range selector in "pageSheet" style modal but because in iOS 13 you can swipe down to close the modal a lot of the other range selectors don't work/are very juddery but I realised this slider disables the swipe down to close gesture when being used.

[Sharcoux]

Ok, I'll give it a try when I have a few time available. Give me a week or 2.

[hwhh]

Great, thank you!

[hwhh]

Hi @Sharcoux,

Just wanted to check in here; I was wondering if you need any help and if so please feel free to let me know!

[Sharcoux]

Yeah, I know ^^ I'm working on a project that is being a bit late, but as soon as I finished I'll do the range slider.

[Sharcoux]

@hwhh @inmogr @Suesanz @AbhiShrek , Could you try @Sharcoux/slider version 4.0.0?
It includes a range slider.

Please, try also AnimatedSlider and tell me if you notice differences in terms of performances and usage.
The doc is here

[akinncar]

@Sharcoux are you implemented here?

[Sharcoux]

Well, I can provide the code for web in a fashion that works for all
environments (which is already what I did: the current web implementation
is mine), but until now I didn't receive any answer on my proposal to merge
all implementations into one, so I don't know how to keep improving this
project. For now I have no other way than providing a side project.

[inmogr]

Thanks @Sharcoux will try it out

[Suesanz]

@Sharcoux, will try out. Thanks!

[raazatul7]

Any update on two thumbs on the slider?

[Sharcoux]

@raazatul7 Did you try the range slider of @Sharcoux/slider ? Was it not enough for your use case?

[avlonder]

@Sharcoux, at least on my Android device, your package doesn't seem to work as expected:

• the thumbs are not rendered
• if I press the track somewhere, the active track color seems to react pretty slow
• you forgot some console.log

I really hope you get the package working. If you can get the same performance as the community package, I (and many others) will definitely use it!

[Sharcoux]

@avlonder thanks for the feedback.
The console.log issue should be solved in the latest version.
I will definitely try to solve the issues you mention, but it's probably better to discuss this there. Can you open an issue on the project?

[BartoszKlonowski]

@AbhiShrek Thank you for reporting this!
I can see that this is a duplicate of #25 so I'm going to close this one and mark it as a duplicate, so all the work on this enhancement can be tracked from the original issue.

FYI @michalchudziak