Animated Drawer

This is an animated drawer component created using React Native, React Native Reanimated, and React Native Navigation.

animation-vide.mov

Table of Contents

• Installation
• Usage
• Features
• Contributing
• License

Installation

To run the project it is necessary to use node.js version v18.18.0 and yarn

1. Clone the repository.

   git clone https://github.com/robertocandales/animated-drawer.git

2. Install the dependencies.

   yarn

Usage

1. Start the development server.

   yarn start

2. Open the app on your device or emulator.

Features

• Drawer Navigation: Implement a smooth and customizable drawer navigation using React Native Reanimated. Users should be able to swipe from the edge of the screen to open the drawer, and swipe it back to close it.

• Nested Navigation: Showcase nested navigation within the drawer menu. This could include different sections or categories that expand into subcategories or individual screens.

• Header Integration: Integrate a header component that adapts to the current screen or section within the drawer navigation. This header should provide navigation controls like a back button or a menu icon to open/close the drawer.

• Animated Transitions: Utilize animations provided by React Native Reanimated to create smooth transitions between screens and when opening/closing the drawer.

Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch.
3. Make your changes.
4. Submit a pull request.

License

This project is licensed under the MIT License.