Pure Javascript solution to display message views in your app, independently of routing or modals.
Lets you display Toasts, Notifications and Loading indicators, one at a time. If many messages are queued, they will be displayed in order, once the previous ones are hidden.
- Toast and notifications hide automatically after 5.5 seconds
- Loading indicators will not hide until you tell them to
Install the package in your app project:
npm install react-native-notifyer
Then, anywhere in your source code, import the functions you need:
import {
showToast,
showNotification,
showLoading,
hideLoading,
hide
} from 'react-native-notifyer';
showLoading("The content has been updated", "My App");
hideLoading(); // later on
showLoading("The content has been updated");
hideLoading(); // later on
showLoading()
hideLoading(); // later on
var id = showNotification("The content has been updated", "My App");
// var id = showNotification("The content has been updated", "My App", { duration: 10000, ... });
hide(id); // optional
var id = showNotification("The content has been updated");
// var id = showNotification("The content has been updated", { duration: 10000, ... });
hide(id); // optional
var id = showToast("The content has been updated");
hide(id); // optional