react-native-reanimated-toggle

React native toggle component built with react-native-reanimated

- [x] Built with Reanimated v2
- [x] Built with typescript
- [x] Customizable
- [ ] Support for gestures

Installation

For this component to work you need to have installed react-native-reanimated
``sh
yarn add react-native-reanimated-toggle
`
`sh
npm install react-native-reanimated-toggle
`

Usage

$3

`jsx
import { View } from 'react-native';
import Toggle from 'react-native-reanimated-toggle';

const App = () => {
const [toggled, setToggled] = useState(false);
return


}
`


$3


`jsx
import { View } from 'react-native';
import Toggle from 'react-native-reanimated-toggle';

const App = () => {
const [toggled, setToggled] = useState(false);
return toggled={toggled}
onChange={setToggled}
thumbOffset={4}
activeTrackColor="orange"
trackStyle={{ height: 30, width: 48 }}
thumbSize={20}
/>
}
``

$3

!demo gif

For more examples check out expo project in /example folder.

License

MIT

Project bootstrapped with react-native-builder-bob