React-native-slider: Multiple Knobs Slider

Created on 22 Sep 2020  路  10Comments  路  Source: callstack/react-native-slider

Describe the Feature

The ability for a Slider to Feature Multiple Knobs in order to handle Bounded Ranges (Ex: Values in-between X and Y).

Possible Implementations

I've attached a screenshot of what I've built in isolation, hoping someone can duplicate this but into the library?

image

This is currently working but I would love to delete this and just use this library instead for joint maintainability reasons :)

duplicate feature request

Most helpful comment

@Sharcoux and @ralph-dev I'm currently using https://www.npmjs.com/package/@ptomasroos/react-native-multi-slider but I would love to use this library instead

All 10 comments

@ralph-dev could you share your implementation? I really need this feature 馃槄

@ralph-dev Try @sharcoux/slider it supports range-slider.

@ralph-dev Try @sharcoux/slider it supports range-slider. I'm opening a discussion to try and make it the "official" implementation for React Native as the current one is really poor in terms of support and features

I'd also be happy to contribute the code above as well!

@ralph-dev My bad, I was targetting @KyleAsaff :sweat_smile:

@Sharcoux and @ralph-dev I'm currently using https://www.npmjs.com/package/@ptomasroos/react-native-multi-slider but I would love to use this library instead

We also would appreciate this, rather than pulling in a new dependency!

@fbartho react-native-slider is already a new dependency. They are supposed to move away from react-native-community. See this for more details. In the end, there is no difference between one dependency and the other.

@Sharcoux -- Sorry, I must have been unclear, I meant that my team is already using react-native-slider, but now we also need a slider with multiple drag handles. I'd rather not have to migrate entirely to react-native-multi-slider, and also not have to include 2 slider libraries.

@fbartho The slider I mentioned can handle both (simple slider and range slider) and is following the same API as react-native-slider except that it has more features. You might want to change to only this one, but that's up to you.

I can see that this is a duplicate of #25
@ralph-dev Thank you for your report!
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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

a-koka picture a-koka  路  3Comments

JustynaKK picture JustynaKK  路  8Comments

HasanAlyazidi picture HasanAlyazidi  路  3Comments

kimsean picture kimsean  路  9Comments

canyavall picture canyavall  路  5Comments