{"repo":"testshallpass/react-native-dropdownalert","free":true,"listed":false,"github":"https://github.com/testshallpass/react-native-dropdownalert","clone":"git clone https://github.com/testshallpass/react-native-dropdownalert.git","description":"An alert to notify users about an error or something else","language":"TypeScript","stars":1877,"topics":["react-native","dropdown","alert","notification"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-native-dropdownalert Table of contents - Installation - Usage - Support - Using children prop - Caveats - More Examples An alert to notify users about an error or something else. It can be dismissed by press, cancel, automatic, pan gesture or programmatic. It can be customized and/or you can build your own alert (BYOA) - see DropdownAlertProps on what's available. Installation - yarn add react-native-dropdownalert - npm i react-native-dropdownalert --save Usage import the library create an alert promise function variable add the component as the last component in the document tree so it overlaps other UI components and set alert prop with alert function invoke alert Support react minium version react-native minium version package version reason :------------------: :-------------------------: :-------------: ------------------- v16.8.0 v0.61.0 v5.0.0 use react hooks v16.0.0 v0.50.0 v3.2.0 use SafeAreaView v16.0.0-alpha.6 v0.44.0 v2.12.0 use ViewPropTypes Using children prop Option 1 pass child component(s) like so: Option 2 pass child component(s) like so: Either way DropdownAlert will render these instead of the pre-defined child components when alert is invoked. Check out the iOS and Android notifications in example project. Caveats - Modals can overlap DropdownAlert if it is not inside the modal's document tree. - It is important you place the DropdownAlert below the StackNavigator . Inspired by: RKDropdownAlert","default_branch":null,"files":null,"tree":[],"storefront":"/r/testshallpass","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/testshallpass/react-native-dropdownalert/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."}