Skip to content

Pure Javascript tool to display Toast, Banners and Loading spinners (Modal friendly)

License

Notifications You must be signed in to change notification settings

tvrbo-pro/React-Native-Notifyer

Repository files navigation

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-notifyer

Then, 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

loading-full

showLoading("The content has been updated");

hideLoading(); // later on

loading-mid

showLoading()

hideLoading(); // later on

loading-sm

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

notification-full

var id = showNotification("The content has been updated");
// var id = showNotification("The content has been updated", { duration: 10000, ... });

hide(id); // optional

notification-simple

Toast

var id = showToast("The content has been updated");

hide(id); // optional

toast

About

Pure Javascript tool to display Toast, Banners and Loading spinners (Modal friendly)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published