masakachristopher / react-native-animation

React Native Animation

This repository is a collection of results from the React Native Animation Tutorial on my YouTube Channel Rakha Wibowo using :

• React Native
• Reanimated
• React Native Gesture Handler
• Moti

Version

The version used in this repository:

• React Native v0.72.3
• Reanimated v3.4.2
• React Native Gesture Handler v2.12.1
• Moti v0.26.0

Available Tutorials

• 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

Run Locally

Clone the project

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

Go to the project directory

cd react-native-animation

Install dependencies

npm install

For iOS

npx pod-install

Start the server

npm start -- --reset-cache

Run on IOS

npx react-native run-ios

Run on ANDROID

npx react-native run-android

The app