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