React-Native-Draggable-List

A simple animated list that you can drag and order the items. Built with React Native, Expo, Reanimated and Gesture Handler.

Features  |   Technologies  |   Installation

⭐ Features

(Back to top)

Some key features are:

• Draggable function for order items
• Smooth scrolling animation

The application is built using React Native with Expo framework. The user gesture interface is built with Reanimated and Gesture Handler. The entire codebase is written using Typescript.

⌨️ Technologies

(Back to top)

This is what I used and learned with this project:

• React Native
• Expo
• React Native Reanimated
• React Native Gesture Handler
• Typescript

🖱️ Installation

(Back to top)

To use this project, first you need NodeJS installed in your device, then you can follow the commands below:

# Clone this repository
git clone https://github.com/areasflavio/react-native-draggable-list.git

# Go into the repository
cd react-native-draggable-list

# Install dependencies for the application
yarn install

# To start the development server, run the following command
yarn start

# You start the emulator following the terminal instructions or:
yarn start android # for android emulator

yarn start ios # for ios emulator

👨‍💻 Author

(Back to top)

Build by Flávio Arêas 👋 Get in touch!