This repository is a collection of results from the React Native Animation Tutorial on my YouTube Channel Rakha Wibowo using :
The version used in this repository:
- React Native v0.72.7
- Reanimated v3.6.1
- React Native Gesture Handler v2.14.0
- Moti v0.27.2
- Lottie v6.4.1
- React Three Fiber v8.15.12
- React Three Drei v9.92.4
- Three.js v0.158.0
- Skia v0.1.230
- React Native Custom Switch Using Reanimated 2
- React Native Custom Animated Check Box Component Using SVG and Reanimated 2
- React Native Custom Image Carousel with Pagination and Auto Play using Reanimated 2
- React Native Bottom Sheet with Back Drop from Scratch using Reanimated 2 and Gesture Handler
- React Native Custom Range Slider using Reanimated 2
- React Native FlatList Grid or FlatList Columns With Reveal Animation Using Moti
- React Native Onboarding Screen Using Reanimated 2
- React Native Custom Swipeable Toast From Scratch
- React Native Stack Carousel
- React Native Accordion
- React Native Floating Action Button
- React Native Onboarding Screen ( Change Color ) Using Reanimated
- React Native 3D Onboarding Screen Using Reanimated and React Three Fiber
- React Native Scrollable Bottom Sheet with Back Drop using Reanimated and Gesture Handler
- React Native 3D Loading 3D Model Using React Three Fiber and Drei
- React Native 3D Character With Animation
- React Native Shared Element Transition With Reanimated 3
- React Native Custom Drawer With Reanimated 3 and Gesture Handler From Scratch
- React Native Animated Donut Chart using Reanimated 3 and Skia
- React Native Animated Circular Progress Bar With Reanimated 3 and Skia
- React Native Onboarding Screen (Masking) With Reanimated 3 and Skia
Clone the project
git clone https://github.com/Rakha112/react-native-animation.gitGo to the project directory
cd react-native-animationInstall dependencies
npm installFor iOS
npx pod-installStart the server
npm start -- --reset-cacheRun on IOS
npx react-native run-iosRun on ANDROID
npx react-native run-android