Repository navigation
Slider with two thumbs or Range? #18083
Description
Is there any way to create a slider with two thumb. This is useful to create a range. I used the Material design sketch tool for building theme and we can see a "Range" slider just after the slider. Thanks.
Activity
chinmaygarde commentedon Jun 2, 2018
cc @HansMuller
HansMuller commentedon Jun 4, 2018
cc @gspencergoog
We have a prototype two-thumb slider. Will see if it can be added to the material library.
willlarche commentedon Jun 4, 2018
Stay tuned! Working on this.
AlexandreRoba commentedon Jun 4, 2018
Excellent!! Look forward to try it :)
evanave commentedon Jun 6, 2018
Looking forward to it as well!
jeffrey-schmitz commentedon Jun 8, 2018
I'd love to see it too!
boeledi commentedon Jun 10, 2018
+1
zoechi commentedon Jun 11, 2018
Instead of adding "me too" or "+1" comments consider using add reaction on the initial comment
These can be used to query for most upvoted feature requests.
Comments are mostly spam for many users that get the issue listed in notification after every such comment.
If you want to get notified about updates you can use
boeledi commentedon Jun 15, 2018
Hi,
As I really need this widget in a project, would you have any idea when it might be available?
Otherwise, I will have to try to develop it myself.
Many thanks
willlarche commentedon Jun 17, 2018
@boeledi , we are still working on getting this component greenlit so coding hasn't begun. I would not depend on it until I have a proper engineering and design kickoff scheduled. We'll update the ticket when that happens.
escamoteur commentedon Jul 25, 2018
Please, please give it a ThumbBuilder parameter that lets you return ThumbWidgets on value changes. Currently implementing custom Thumbs is a pain.
willlarche commentedon Jul 25, 2018
This component is in the prototyping phase. Could be completed by end of quarter.
escamoteur commentedon Jul 25, 2018
What about my proposal of a ThumbBuilder?
2 remaining items
clocksmith commentedon Jul 26, 2018
@escamoteur Some features that are added to the range slider may also be shared with the single slider, such as custom active track painting. Which features specifically are missing from the normal slider? Also, can you elaborate on how the ThumbBuilder would be used, and how it might be different than providing a SliderComponentShape to the SliderThemeData? Thank you.
boeledi commentedon Jul 29, 2018
As I could not wait any longer, since I needed it for my projects, I decided to implement my own version.
I don't say it is perfect (I know that Semantics, TextDirection... still need to be added) but at least if this RangeSlider may help anyone... even temporarilly, the time the new official one is released...
The code is available on GitHub with a full explanation on this link.
escamoteur commentedon Jul 31, 2018
@clocksmith please see #20026
garan82 commentedon Feb 16, 2019
Does anyone have updates on this?
boeledi commentedon Feb 16, 2019
There is a Flutter package available: flutter_range_slider
See flutter_range_slider
Ali-Azmoud commentedon Mar 5, 2019
You can also use Flutter Xlider
clocksmith commentedon Mar 18, 2019
This, along with the single slider, have been in design review. The last PR for the single slider was #27613, but there is one final step is to update the look of the single slider, then a range slider PR will follow.
Allan-Nava commentedon Mar 26, 2019
How can I let visible always the minValue and maxValue of range slider?
clocksmith commentedon Jun 19, 2019
This has landed in #31681
github-actions commentedon Aug 15, 2021
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.