customizable-switch
v1.0.9
Published
Switch for React Native powered by Reanimated v2.
Downloads
17
Maintainers
Readme
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