react-native-multi-range
A small multi range slider component for react-native
Props
| props | dafault | description |
|---|---|---|
| type | 2 | type of slider, single value = 1, multi value = 2 |
| minVal | 0 | min value marker |
| maxVal | MAX_RANGE | max value marker |
| range | null | the range on which the distance has to be divided |
| markerWidth | null | width of the markers |
| paddingRight | null | padding of the marker from the right edge of the container |
| left | null | margin from the left edge of the container |
| showLabels | false | whether to show value labels |
| setScrollMode | noop() | A callback function to lock the scroll of the view when slider is active |
| format | (val)=>val | Format the current integer value of the marker |
| markerStyle | {} | color value of marker |
| selectorStyle | {} | background color value of marker and its height |
| rangeStyle | {} | background color value of range line between the 2 markers and its height |
| onChange | noop() | A callback that returns {min, max} values on release of markers |
License
MIT @ Dron Rathore