d

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

15 St Margarets, NY 10033
(+381) 11 123 4567
ouroffice@aware.com

 

KMF

Custom Switch Toggle Component For React Native

A lightweight yet fully customizable switch component for React Native.

How to use it:

1. Install and import the component.

# Yarn
$ yarn add react-native-custom-switch
# NPM
$ npm i react-native-custom-switch
import CustomSwitch from 'react-native-custom-switch';

2. Create a basic switch component.

<CustomSwitch 
  onSwitch={() => doSomething()>
/>

3. Available component props.

buttonWidth,
buttonPadding,
buttonColor,
buttonBorderWidth,
buttonBorderColor,
buttonText,
buttonTextStyle,
switchWidth,
switchBackgroundColor,
switchBorderWidth,
switchBorderColor,
switchLeftText,
switchLeftTextStyle,
switchRightText,
switchRightTextStyle,
onSwitch,
onSwitchReverse,
onSwitchButtonText,
onSwitchButtonTextStyle,
onSwitchBackgroundColor,
animationSpeed,
startOnLeft,
disabled,

Preview:

Download Details:

Author: arshigtx

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/arshigtx/react-native-custom-switch

License: MIT

Credit: Source link

Previous Next
Close
Test Caption
Test Description goes like this