React-Native-Animated-Form

A simple animated form built with declarative ui and validation. Built with React Native, Expo, Native Base, React Hook Form and Reanimated.

Features  |   Technologies  |   Installation

⭐ Features

(Back to top)

Some key features are:

• Ui built with declarative components
• Form control and validation with React Hook Form and Yup
• Smooth animations for the labels and the button

The application is built using React Native with Expo framework. The Ui os built with Native Base lib and Reanimated. The entire codebase is written using Typescript.

⌨️ Technologies

(Back to top)

This is what I used and learned with this project:

• React Native
• Expo
• Native Base
• React Hook Form
• Reanimated
• 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-animated-form.git

# Go into the repository
cd react-native-animated-form

# 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!