search

callstack / react-native-slider

React Native component exposing Slider from iOS and SeekBar from Android
MIT License
1.16k stars 263 forks source link

Multi-thumb option #25

Open Noitidart opened 5 years ago

Noitidart commented 5 years ago

Describe the Feature

Right now we only have one "grip" option. It would be nice to have multiple grips. Two would be a good start.

Possible Implementations

For Android probably this one - https://github.com/apptik/MultiSlider

For iOS probably this one - https://github.com/yonat/MultiSlider

Related Issues

hecontreraso commented 5 years ago

That's the reason why I'm not using this library

dayaki commented 5 years ago

@hecontreraso which library are you using?

jonathangreco commented 5 years ago

I'm really interested by this feature, it's kind of basic for start/end feature.

Noitidart commented 5 years ago

Thanks for the vote of support @jonathangreco !

chakrihacker commented 5 years ago

Hi, @michalchudziak what're your thoughts on this??

  1. Add libs as dependencies and write RN wrappers
  2. implement/take some good chunks step by step from the libs??
waleedarshad commented 4 years ago

+1

itfarrier commented 4 years ago

+1

ghost commented 4 years ago

+1

chakrihacker commented 4 years ago

@wojteg1337 sry for adding to this issue, just want to know your thought??

brunohkbx commented 4 years ago

+1

jsworyk commented 4 years ago

+1

zackyrza commented 3 years ago

+1

KyleAsaff commented 3 years ago

really need this feature. need to filter values in between a selected min and max

owenashurst commented 3 years ago

+1

ferzos commented 3 years ago

+1

aryanaaaa commented 2 years ago

+1

tragicmj commented 2 years ago

When can we expect this one to go live?

BartoszKlonowski commented 2 years ago

@tragicmj Thanks for asking! This is a very tricky feature to be implemented, as this has to be exposed from the native side on three different platforms. So all of them has to expose the API that will allow multithumb, which is not trivial to implement.

I got this planned and will tackle this, as soon as I face all important defects. But I cannot give any estimation of probable time to deliver this. But (to everyone interested) please know that this is not forgotten, nor derelic nor abondoned.

cassiano07 commented 8 months ago

Is this implemented? How can I put it on my Slider?

<Slider style={{ width: 200, height: 40 }} onSlidingComplete={(value) => setSelectedValue(value)} minimumValue={0} maximumValue={1} minimumTrackTintColor="#f8a60f" maximumTrackTintColor="#000000" thumbTintColor="#f8a60f" />

willkn commented 3 months ago

+1

Pamavoc commented 1 month ago

+1

younes0 commented 3 weeks ago

You can use the RangeSlider component from https://github.com/Sharcoux/slider which works flawless on iOS, Android & Web.