React Native Animated Custom CheckBox

Create animated custom checkbox in react native using Reanimated 2 and SVG

Youtube Video - https://youtu.be/8aax8SU0F2w

Figma Design - https://drive.google.com/file/d/1OhFsQzT71W5tZxdOcVTowvsCc2eGWQL-/view?usp=sharing

SVG File - https://drive.google.com/file/d/1sWZKS20aU26DzxllgVFidqc4tIP5OM3j/view?usp=sharing

Demo

Custom Switch Component Demo

Demo on Android and Ios

Run Locally

Clone the project

  git clone https://github.com/Rakha112/react-native-custom-checkbox.git

Go to the project directory

  cd react-native-custom-switch

Install dependencies

  npm install

Start the server

  npm start -- --reset-cache

Run on IOS

  npx pod-install
  npx react-native run-ios

Run on ANDROID

  npx react-native run-android