New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider with two thumbs or Range? #18083

Open
AlexandreRoba opened this Issue May 31, 2018 · 18 comments

Comments

Projects
None yet
10 participants
@AlexandreRoba
Copy link

AlexandreRoba commented May 31, 2018

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.

@chinmaygarde

This comment has been minimized.

Copy link
Member

chinmaygarde commented Jun 2, 2018

@HansMuller

This comment has been minimized.

Copy link
Contributor

HansMuller commented Jun 4, 2018

cc @gspencergoog
We have a prototype two-thumb slider. Will see if it can be added to the material library.

@willlarche

This comment has been minimized.

Copy link
Member

willlarche commented Jun 4, 2018

Stay tuned! Working on this.

@AlexandreRoba

This comment has been minimized.

Copy link

AlexandreRoba commented Jun 4, 2018

Excellent!! Look forward to try it :)

@evanave

This comment has been minimized.

Copy link

evanave commented Jun 6, 2018

Looking forward to it as well!

@parkskier426

This comment has been minimized.

Copy link

parkskier426 commented Jun 8, 2018

I'd love to see it too!

@boeledi

This comment has been minimized.

Copy link

boeledi commented Jun 10, 2018

+1

@zoechi

This comment has been minimized.

Copy link
Contributor

zoechi commented Jun 11, 2018

Instead of adding "me too" or "+1" comments consider using add reaction on the initial comment
image

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
image

@boeledi

This comment has been minimized.

Copy link

boeledi commented 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

This comment has been minimized.

Copy link
Member

willlarche commented 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.

@zoechi zoechi added the framework label Jul 22, 2018

@escamoteur

This comment has been minimized.

Copy link
Contributor

escamoteur commented 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

This comment has been minimized.

Copy link
Member

willlarche commented Jul 25, 2018

This component is in the prototyping phase. Could be completed by end of quarter.

@escamoteur

This comment has been minimized.

Copy link
Contributor

escamoteur commented Jul 25, 2018

What about my proposal of a ThumbBuilder?

@willlarche

This comment has been minimized.

Copy link
Member

willlarche commented Jul 25, 2018

It's been communicated to the engineer. He will investigate it!

@escamoteur

This comment has been minimized.

Copy link
Contributor

escamoteur commented Jul 25, 2018

BTW will there be an overhaul of the normal Slider too? It misses some features too.

@clocksmith

This comment has been minimized.

Copy link
Contributor

clocksmith commented 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

This comment has been minimized.

Copy link

boeledi commented 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.

@zoechi zoechi added this to the Stretch Goals milestone Jul 29, 2018

@escamoteur

This comment has been minimized.

Copy link
Contributor

escamoteur commented Jul 31, 2018

@clocksmith please see #20026

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment