{"repo":"gunnartorfis/sonner-native-toasts","free":true,"listed":false,"github":"https://github.com/gunnartorfis/sonner-native-toasts","clone":"git clone https://github.com/gunnartorfis/sonner-native-toasts.git","description":"An opinionated toast component for React Native. A port of @emilkowalski's sonner.","language":"TypeScript","stars":1331,"topics":["notifications","react-native","react-native-toast","sonner","toast","toasts"],"license":"MIT","category":"mobile-apps","readme_excerpt":"React Native Toasts An opinionated toast component for React Native. A port of @emilkowalski's sonner. Features - API fully matches Sonner's - Multiple variants, including success , error , warning , custom , promise - Promise variant with built-in loading state - Custom JSX with the custom variant - Top, bottom, or center positions - Title and description - Action button with a callback - Custom icons - Optionally dismissable with swipe, configurable left or up - Dismissable with toast.dismiss(), one or all toasts - Highly performant using Reanimated 3, 60 FPS - Dark mode built-in - Works with Expo - NativeWind supported - Customizable via styles props - Works outside of React components Showcase Expo Snack https://snack.expo.dev/@gunnartorfis/sonner-native Installation Requirements To use this package, you also need to install its peer dependencies . Check out their documentation for more information: - React Native Reanimated - React Native Gesture Handler - React Native Safe Area Context - React Native SVG - React Native Screens - React Native Worklets Usage In your App.tsx/entry point With Expo Router When using Expo Router, place the Toaster component in your root layout file ( app/ layout.tsx ): This ensures the toasts will be displayed across all screens in your app. Show a toast Web support Even though Sonner Native works on the web, it is not recommended to use it there. Instead, use the original Sonner. The following setup is recommended. Add a sonner.ts and sonner","default_branch":null,"files":null,"tree":[],"storefront":"/r/gunnartorfis","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/gunnartorfis/sonner-native-toasts/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."}