Switch

A switch component powered by Reanimated v2. Native animations, color interpolation + supports press and swipe.

Demo

Installing

npm i -s react-native-reanimated react-native-reanimated2-switch

Usage

import Switch from "react-native-reanimated2-switch"

<Switch
  activeBackgroundColor='blue' 
  inactiveBackgroundColor='green'
/>

Props

Prop	Type	Default	Required	Note
value	bool	false	false	Initial switch state
onChange	function	(newValue) => {}	false	Callback called when switch value is changed
inactiveBackgroundColor	string	green	false	background color when inactive
activeBackgroundColor	string	red	false	background color when active
inactiveIcon	component	null	false	Component shown in the circle when inactive. Useful for images for example
activeIcon	component	null	false	Component shown in the circle when active. Useful for images for example
containerStyle	object	{}	false	Optional style object for container

Authors

• Alaa Ben El Ahmar - Alaa-Ben

Contribute

Contributions are always welcome! Create a new Pull Request