Awesome Open Source
Awesome Open Source

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

alt text alt text

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);
                    }}/>
Alternatives To Rn Slider Switch
Select To Compare


Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,060,209
Reactjs (162,487
Switch (8,242
Slider (4,879
Multi Slider (6