React-Native-Sample-Animation

Key Feature

• Basic animation using state.
• Animations from React-animated library i.e Simple movement, Fade In, Scaling, Scaling along with ease out effect, Sequential animations.
• Animations from React-reanimated 2 i.e Scaling, Fade out, Sequential animations, Wobble effect, Shake effect.
• SVG path animation.
• Circular floating button with ripple effect.

Code Structure

Important Code:

• App.js App entry point
• src/Assets All assets
• src/Components/...js Reusable Components

▶ How to Setup

Step 1: 'git clone' to clone this repository.

Step 2: cd to the cloned repository folder.

Step 3: Rename the project bundleId, package name and application name.

Step 4: Install the npm modules required for the project with yarn.

▶ How to Run App

cd react-native-sample-animation
yarn or npm install
Run Build for either OS
for iOS
run npm run ios
for Android
run npm run android

Libraries used

React Native Reanimated
React Native SVG Animations
React Native Circular Menu


APK Build