react-native-root-toaster
A toaster on the top of your React Native App
Installation
npm install react-native-root-toaster
or
yarn add react-native-root-toaster
Usage
- Add the RootToaster component at the root of your application with optionnale default props
// ...imports; { return <> <YourNavigator /> <RootToaster defaultMessage='Default message' /> <> ;}
OR with providers:
; { return <ThemeProvider> <ReduxProvider> <YourNavigator /> <RootToaster defaultMessage='Default message' /> </ReduxProvider> </ThemeProvider> ;}
- Use the function
Toast.show
anywhere in a your app
<Button title="Show a toaster" onPress= Toast>
Available props for RootToaster
Name | Type | Default | Description |
---|---|---|---|
defaultDuration | number | 3000 | How long your toaster will be visible |
defaultMessage | string | '' | Default message to show when the toaster is displayed |
defaultColor | string | '#2e3137' | Default color of the toaster |
CloseComponent | FunctionComponent | undefined | Displays a touchable component to close the toaster before the timer |
Toast.show parameters
Toast.showmessage: string, duration?: number
License
MIT