https://github.com/victorkvarghese/rn-slider-switch
Multi slider switch component in React Native
https://github.com/victorkvarghese/rn-slider-switch
android ios multi-slider multi-switch react react-native slider switch
Last synced: 11 months ago
JSON representation
Multi slider switch component in React Native
- Host: GitHub
- URL: https://github.com/victorkvarghese/rn-slider-switch
- Owner: victorkvarghese
- Created: 2018-02-02T16:33:12.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2020-09-22T08:35:37.000Z (almost 6 years ago)
- Last Synced: 2025-08-24T17:00:04.856Z (11 months ago)
- Topics: android, ios, multi-slider, multi-switch, react, react-native, slider, switch
- Language: JavaScript
- Size: 309 KB
- Stars: 107
- Watchers: 8
- Forks: 36
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# rn-slider-switch
Multi slider switch component in React Native (iOs & android)
## Installation:
Install the component through npm using:
```
npm install rn-slider-switch --save
```
[YOUTUBE : See slider in action](https://www.youtube.com/watch?v=d7oeRdoRyFk&feature=youtu.be)
## Properties
| Prop | Description |
| ------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
| **`currentStatus`** | Initial Status of the slider . Defaults to 'Open'. Other values include 'In Progress', 'Complete' |
| **`onStatusChanged`** | Called when status changes in Slider |
| **`isParentScrollDisabled`** | Whether scroll is disabled in Parent.(Optional) |
| **`disableScroll`** | Used to disable scroll in parent .. Works as callback function if u want to disable scroll in parent.(Optional) |
| **`disableSwitch`** | Used to disable switch (Click & scroll will not work) .. (Optional) |
## Example:
```
import MultiSwitch from 'rn-slider-switch';
{
console.log('scrollEnabled', value);
// this.scrollView.setNativeProps({
// scrollEnabled: value
// });
}}
isParentScrollEnabled={false}
onStatusChanged={text => {
console.log('Change Status ', text);
}}/>
```