React Native Modal screenshot

React Native Modal

Updated: 5 Apr 2025
5653 Stars

An enhanced, animated, customizable Modal for React Native.

Categories

Overview

The react-native-modal is an enhanced, animated, customizable React Native modal that expands on the original React Native <Modal> component by adding animations, style customization options, and new features while still providing a simple API.

Features

  • Smooth enter/exit animations
  • Plain simple and flexible APIs
  • Customizable backdrop opacity, color, and timing
  • Listeners for the modal animations ending
  • Resize itself correctly on device rotation
  • Swipeable
  • Scrollable

Installation

To install the react-native-modal library, you can use npm or yarn. Here is how you can install it via npm:

  1. Open your terminal
  2. Run npm i react-native-modal

If you prefer using yarn, you can run the following command in your terminal:

yarn add react-native-modal

Summary

The react-native-modal library provides a way to create sophisticated and animated modal components in React Native with ease. By offering features like customizable animations, flexible APIs, and the ability to handle various interactions, react-native-modal enhances the user experience without compromising on simplicity. Whether you are new to React Native or looking to improve your modal experience, react-native-modal serves as a valuable tool to achieve visually appealing and functional modals.