react-native-toast-mith

Toast message with animated functionality, You can customize UI element according to your requirement,

Use this Props for changing background color BackgroundSuccessColor BackgroundErrorColor TitleStyle MessageStyle ShowCloseIcon

Installation

1npm install react-native-toast-mith
2
3yarn add react-native-toast-mith

Usage

1import {Toast, Type} from 'react-native-toast-mith';
2
3Usage
4Render the Toast component in your app's entry file, as the LAST CHILD in the View hierarchy (along with any other components that might be rendered there):
5
6// App.jsx
7import {Toast} from 'react-native-toast-mith';
8
9export function App(props) {
10  return (
11    <>
12      {/* ... */}
13      <Toast />
14    </>
15  );
16}
17
18Then use it anywhere in your app (even outside React components), by calling any Toast method directly:
19// Foo.jsx
20import {Type} from 'react-native-toast-mith';
21import { Button } from 'react-native'
22
23export function Foo(props) {
24    onClick = () => {
25    Type({
26      type: 'success',
27      message: 'Test',
28    });
29  }
30
31 onClick = () => {
32    Type({
33      type: 'error',
34      message: 'Test',
35    });
36  }
37
38  return (
39    <Button
40      title='Show toast'
41      onPress={()=>onClick()}
42    />
43  )
44}
45// ...
46

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---