Skip to content

Alaa-Ben/rn-slider-switch

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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);
                    }}/>

About

Multi slider switch component in React Native

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%