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:

Custom Switch Toggle Component For React Native

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

You Might Be Interested In:

Tags:

Add Comment