react-native-styled-toast

# react-native-styled-toast

Themeable react-native toast component built using styled-components & styled-system.

react-native-styled-toast gif

## Features - Pure JS implementation - Supports multiple toasts - iOS and Android compatible - Styled with theme contraints - Written using React Hooks - Fully typed with TypeScript ## Installation `$ yarn add react-native-styled-toast` ## Usage `react-native-styled-toast` is built to work with both vanilla react-native apps as well as react-native apps bootstrapped with Expo. It utilizes `styled-components` and `styled-system` under the hood to facilitate theming. Because the toasts rely on theming, you need to ensure that you've wrapped your app in the `ThemeProvider` component from `styled-components` - then use the `ToastProvider` and wrap the rest of your app: ```jsx import { ThemeProvider } from 'styled-components' import { ToastProvider } from 'react-native-styled-toast' return ( ) ``` Now that your app has access to the Toast context, you can make use of the provided `useToast` hook to trigger a toast anywhere in your app: ```jsx import { useToast } from 'react-native-styled-toast' const { toast } = useToast() return

	Stars	Issues	Version	Updated	Created
react-native-root-toast	2,010	87	3.5.1	8 months ago	8 years ago
react-native-styled-toast	314	25	1.3.1	3 years ago	4 years ago
react-native-tiny-toast			1.0.7	4 years ago	5 years ago

react-native-root-toast vs react-native-styled-toast vs react-native-tiny-toast

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past