Skip to content

Latest commit

 

History

16 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native Animated Modal Component

This project provides a animated modal for integrating a specific component into another React Native application.

Presentation

modal Video

Features

Quick Integration: Easily integrate this component into your Android and iOS mobile applications, ensuring seamless compatibility.

Customizability: Highly customizable with support for style modifications, it includes essential features such as keyboard avoidance, safe area handling, and dynamic adaptation based on device dimensions. You can customize the background color of the modal and the color of the action button, allowing for a customized user experience. Additionally, smooth animated transitions are achieved using built-in React Native components, without the need for any additional libraries.

Ease of Use: With built-in support for keyboard handling and content scrolling, the component ensures a responsive interface across various device sizes, enhancing overall usability and satisfaction.

Usage

  1. Open your terminal in the project directory. Clone the repository:
git clone https://github.com/denizgulbahar/react-native-modal.git
  1. Navigate to the project directory:
cd react-native-modal/
  1. Install the necessary dependencies:
npm install

Integrating the Component

To integrate the modal component into another project, follow these steps:

  1. Import the modal component into your project:
import { Modal } from 'react-native-modal';

Use the modal to integrate other components:

<Modal>
  {/* Add the component you want to inside of modal here */}
</Modal>

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

Email: deniz.gulbahar@outlook.com

Project Link: https://github.com/denizgulbahar/react-native-modal

This project is developed with contributions from the following individuals: Deniz Gülbahar (@GitHub denizgulbahar)

Feel free to customize this template according to your project's specific requirements. The README.md file serves as an important document providing information on how to use the modal component, integrate components, and contact the maintainers.

About

Custom Animated Modal Component for React Native – Built without any external animation libraries for a lightweight solution.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages