{"repo":"rnheroes/react-native-toastable","free":true,"listed":false,"github":"https://github.com/rnheroes/react-native-toastable","clone":"git clone https://github.com/rnheroes/react-native-toastable.git","description":"🍞 Blazingly fast and fully customizable Toaster component for React Native","language":"TypeScript","stars":146,"topics":["react","react-native","toaster","react-native-toast","toastable"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-native-toastable 🍞 Blazingly fast and fully customizable Toaster component for React Native - Supports queuinge, so you can display multiple toasts in succession without having to worry about them overlapping or interfering with each other - Fully typed, using TypeScript - Supports swipe to dismiss multiple directions (left, right, up) - Performant, using native animations and avoiding unnecessary re-renders - Zero external dependencies - Highly customizable, allowing you to tailor it to fit your specific needs https://user-images.githubusercontent.com/43743872/230865010-6c1c7890-2eec-47c1-bbe4-44c6c6379037.mp4 Installation or Usage Place Toastable component at the root of your app, and import showToastable function anywhere in your app to show or hideToastable to hide toast. Note: If you need to use top inset of the device, Toastable must be child of SafeAreaProvider , otherwise you can use any value for offset prop, default is 56 . Props Inherit all other props from ToastableBodyParams interface. Except backgroundColor , status , message , onPress , contentStyle props. Property Type Description Default --------------------- ---------------------- --------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------- statusMap StatusMap Status map, used to determine background color based on status success: '#00BFA6', danger: '#FF5252', warning: '#FFD600', info: '#2962","default_branch":null,"files":null,"tree":[],"storefront":"/r/rnheroes","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/rnheroes/react-native-toastable/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."}