React Native Animations

A customizable Animations for React Native using React Native Reanimated.

Table of Contents

• Tech Stack
• Quick Start
• Run Locally
• File Structure
• Author

Tech Stack

Frontend: React Native

Environment: Android, iOS

Quick start

Clone the repo

git clone https://github.com/blaiti/React-Native-Animations

Install React Native Animations with npm

cd React-Native-Animations
  npm install

Run Locally

To run locally on Android, run the following command

npm run android

To run locally on iOS, run the following command

npm run ios

File Structure

Within the download you'll find the following directories and files:

React-Native-Animations
.
├── react-native.config.js
├── tsconfig.json
├── index.js
├── App.tsx
├── app.json
├── package.json
├── package_lock.json
├── babel.config.js
├── metro.config.js
├── android
├── ios
└── src
    ├── components
    │   └── UserCard
    │       ├── index.ts
    │       ├── IUserCard.ts
    │       └── UserCard.tsx
    ├── constants
    │   └── users
    ├── screens
    │   └── FlatListAnimation.tsx
    └── styles
        ├── colors.ts
        ├── index.ts
        ├── mixins.ts
        └── spacing.ts

Author

• @blaiti