react-native-notifyer
v2.0.0-beta1
Published
React Native Notifyer (toast, banner and loading spinner)
Downloads
54
Maintainers
Readme
React Native Notifyer
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
Usage
Install the package in your app project:
npm install react-native-notifyerThen, anywhere in your source code, import the functions you need:
import {
showToast,
showNotification,
showLoading,
hideLoading,
hide
} from 'react-native-notifyer';Examples
Loading
showLoading("The content has been updated", "My App");
hideLoading(); // later on
showLoading("The content has been updated");
hideLoading(); // later on
showLoading()
hideLoading(); // later on
Notifications
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
Toast
var id = showToast("The content has been updated");
hide(id); // optional
