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

1. Add the RootToaster component at the root of your application with optionnale default props

// ...imports
import { RootToaster, Toast } from 'react-native-root-toaster';

export default function App() {
  return (
    <>
      <YourNavigator />
      <RootToaster defaultMessage={'Default message'} />
    <>
  );
}

OR with providers:

import { RootToaster, Toast } from 'react-native-root-toaster';

export default function App() {
  return (
    <ThemeProvider>
      <ReduxProvider>
        <YourNavigator />
        <RootToaster defaultMessage={'Default message'} />
      </ReduxProvider>
    </ThemeProvider>
  );
}

2. Use the function Toast.show anywhere in a your app

<Button title="Show a toaster" onPress={() => Toast.show("Hello world!")}>

Available props for RootToaster

Toast.show parameters

Toast.show(message: string, duration?: number)

License

MIT