{"repo":"react-native-modal/react-native-modal","free":true,"listed":false,"github":"https://github.com/react-native-modal/react-native-modal","clone":"git clone https://github.com/react-native-modal/react-native-modal.git","description":"An enhanced, animated, customizable Modal for React Native.","language":"TypeScript","stars":5654,"topics":["react-native","react","modal","android","ios","backdrop","animation","animated"],"license":"MIT","category":"mobile-apps","readme_excerpt":"Announcements - 📣 We're looking for maintainers and contributors! See #598 - 🙏 If you have a question, please start a new discussion instead of opening a new issue. react-native-modal If you're new to the React Native world, please notice that React Native itself offers a component that works out-of-the-box. An enhanced, animated, customizable React Native modal. The goal of react-native-modal is expanding the original React Native 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 Setup This library is available on npm, install it with: npm i react-native-modal or yarn add react-native-modal . Usage Since react-native-modal is an extension of the original React Native modal, it works in a similar fashion. 1. Import react-native-modal : 2. Create a component and nest its content inside of it: 3. Then, show the modal by setting the isVisible prop to true : The isVisible prop is the only prop you'll really need to make the modal work: you should control this prop value by saving it in your wrapper component state and setting it to true or false when needed. A complete example The following example consists in a component ( ModalTester ) with a button and a modal. The modal is cont","default_branch":null,"files":null,"tree":[],"storefront":"/r/react-native-modal","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/react-native-modal/react-native-modal/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}