victorkvarghese / rn-slider-switch

Multi slider switch component in React Native

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

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';
<MultiSwitch
                    currentStatus={'Open'}
                    disableScroll={value => {
                        console.log('scrollEnabled', value);
                        // this.scrollView.setNativeProps({
                        //     scrollEnabled: value
                        // });
                    }}
                    isParentScrollEnabled={false}
                    onStatusChanged={text => {
                        console.log('Change Status ', text);
                    }}/>