All Projects → boyan01 → Overlay_support

boyan01 / Overlay_support

Licence: apache-2.0
a flutter toast and notification library

Programming Languages

dart
5743 projects

Projects that are alternatives of or similar to Overlay support

Burnttoast
Module for creating and displaying Toast Notifications on Microsoft Windows 10.
Stars: ✭ 796 (+243.1%)
Mutual labels:  notifications, toast
Svelte Notifications
Svelte toast notifications component that can be used in any JS application
Stars: ✭ 146 (-37.07%)
Mutual labels:  notifications, toast
Reapop
📮 A simple and customizable React notifications system
Stars: ✭ 1,155 (+397.84%)
Mutual labels:  notifications, toast
Vue Snotify
Vuejs 2 Notification Center
Stars: ✭ 755 (+225.43%)
Mutual labels:  notifications, toast
Notiflix
Notiflix is a JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more that makes your web projects much better.
Stars: ✭ 172 (-25.86%)
Mutual labels:  notifications, toast
Notie
🔔 a clean and simple notification, input, and selection suite for javascript, with no dependencies
Stars: ✭ 6,170 (+2559.48%)
Mutual labels:  notifications, toast
Livesmashbar
An elegant looking and easy to use informative library with LiveData integration for Android.
Stars: ✭ 107 (-53.88%)
Mutual labels:  toast, overlay
Cogo Toast
Beautiful, Zero Configuration, Toast Messages for React. Only ~ 4kb gzip, with styles and icons
Stars: ✭ 557 (+140.09%)
Mutual labels:  notifications, toast
React Toast Notifications
🍞 A toast notification system for react
Stars: ✭ 2,103 (+806.47%)
Mutual labels:  notifications, toast
Notistack
Highly customizable notification snackbars (toasts) that can be stacked on top of each other
Stars: ✭ 2,562 (+1004.31%)
Mutual labels:  notifications, toast
Vue Toastification
Vue notifications made easy!
Stars: ✭ 747 (+221.98%)
Mutual labels:  notifications, toast
React Notify Toast
Toast notifications for React.js
Stars: ✭ 176 (-24.14%)
Mutual labels:  notifications, toast
Gsmessages
A simple style messages/notifications, in Swift.
Stars: ✭ 595 (+156.47%)
Mutual labels:  notifications, toast
Laravel Notify
Flexible Flash notifications for Laravel
Stars: ✭ 787 (+239.22%)
Mutual labels:  notifications, toast
Toastify Js
Pure JavaScript library for better notification messages
Stars: ✭ 570 (+145.69%)
Mutual labels:  notifications, toast
Jquery Toast Plugin
Highly customizable jquery plugin to show toast messages
Stars: ✭ 1,237 (+433.19%)
Mutual labels:  notifications, toast
Ftindicator
A light wight UI package contains local notification, progress HUD, toast, with blur effect, elegant API and themes support.
Stars: ✭ 292 (+25.86%)
Mutual labels:  notifications, toast
Ng Snotify
Angular 2+ Notification Center
Stars: ✭ 304 (+31.03%)
Mutual labels:  notifications, toast
Notyf
👻 A minimalistic, responsive, vanilla JavaScript library to show toast notifications.
Stars: ✭ 2,093 (+802.16%)
Mutual labels:  notifications, toast
Angular Notifier
A well designed, fully animated, highly customizable, and easy-to-use notification library for your Angular application.
Stars: ✭ 175 (-24.57%)
Mutual labels:  notifications, toast

overlay_support

Pub Pub CI codecov

Provider support for overlay, make it easy to build toast and In-App notification.

this library support ALL platform

Interaction

If you want to see the ui effect of this library, just click here https://boyan01.github.io/overlay_support/#/

How To Use

  1. add dependencies into you project pubspec.yaml file

    dependencies:
        overlay_support: latest_version
    
    • Current latest_version is Pub

For project without migrate to null safety, please use version overlay_support: 1.0.5-hotfix1

  1. wrap your AppWidget with OverlaySupport
  return OverlaySupport.global(child: MaterialApp());
  1. show toast or simple notifications
import 'package:overlay_support/overlay_support.dart';

void onClick() {
    // popup a toast.
    toast('Hello world!');

    // show a notification at top of screen.
    showSimpleNotification(
        Text("this is a message from simple notification"),
        background: Colors.green);
}

more instructions check here : example/README.md

License

see License File

End

if you have some suggestion or advice, please open an issue to let me known. This will greatly help the improvement of the usability of this project. Thanks.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].