MMMzq / Bot_toast
Licence: apache-2.0
A really easy to use flutter toast library
Stars: ✭ 551
Programming Languages
dart
5743 projects
Projects that are alternatives of or similar to Bot 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 (-68.78%)
Mutual labels: toast, loading, notification
flutter easyloading
✨A clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOS、Android and Web
Stars: ✭ 1,021 (+85.3%)
Mutual labels: toast, loading
Vue Toast Notification
Yet another toast notification plugin for Vue.js 🌷
Stars: ✭ 205 (-62.79%)
Mutual labels: toast, notification
React Cool Portal
😎 🍒 React hook for Portals, which renders modals, dropdowns, tooltips etc. to <body> or else.
Stars: ✭ 458 (-16.88%)
Mutual labels: toast, notification
Vue Toasted
🖖 Responsive Touch Compatible Toast plugin for VueJS 2+
Stars: ✭ 2,091 (+279.49%)
Mutual labels: toast, notification
Tfpopup
🚀🚀🚀TFPopup不生产弹框,它只是弹框的弹出工🚀🚀🚀默认支持多种动画方式一行调用,支持完全自定义动画.
Stars: ✭ 182 (-66.97%)
Mutual labels: toast, loading
Vue Toastify
🔥 Simple, extendable, dependency free notification plugin. 🔥
Stars: ✭ 126 (-77.13%)
Mutual labels: toast, notification
SimpleToast
SimpleToast is a simple, lightweight, flexible and easy to use library to show toasts / popup notifications inside iOS or MacOS applications in SwiftUI. Because of the flexibility to show any content it is also possible to use the library for showing simple modals.
Stars: ✭ 131 (-76.23%)
Mutual labels: toast, notification
denbun
Adjust showing frequency of Android app messages, and to be more user friendly 🐦
Stars: ✭ 17 (-96.91%)
Mutual labels: toast, notification
Toast
To use it in PCL or .NetStandard projects write this line of code : CrossToastPopUp.Current.ShowToastMessage("Message");
Stars: ✭ 51 (-90.74%)
Mutual labels: toast, notification
Aiforms.dialogs
AiForms.Dialogs for Xamarin.Forms
Stars: ✭ 143 (-74.05%)
Mutual labels: toast, loading
Noty
A simple library for creating animated warnings/dialogs/alerts for Android.
Stars: ✭ 136 (-75.32%)
Mutual labels: toast, notification
Nativescript Feedback
📢 Non-blocking textual feedback for your NativeScript app
Stars: ✭ 127 (-76.95%)
Mutual labels: toast, notification
Flutter easyloading
✨A clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOS、Android and Web
Stars: ✭ 455 (-17.42%)
Mutual labels: toast, loading
mosha-vue-toastify
A light weight and fun Vue 3 toast or notification or snack bar or however you wanna call it library.
Stars: ✭ 185 (-66.42%)
Mutual labels: toast, notification
Jhud
A full screen of the HUD when loading the data (Objective-C).
Stars: ✭ 1,003 (+82.03%)
Mutual labels: toast, loading
Reapop
📮 A simple and customizable React notifications system
Stars: ✭ 1,155 (+109.62%)
Mutual labels: toast, notification
MaterialToast
A fully and highly customizable material designed Toast for Android.
Stars: ✭ 31 (-94.37%)
Mutual labels: toast, notification
toast-swift
A Swift Toast view - iOS 14 style and newer - built with UIKit. 🍞
Stars: ✭ 85 (-84.57%)
Mutual labels: toast, notification
BotToast 🤖
A really easy to use flutter toast library!
中文简体
Language: English |🐲Overview
-
In the true sense of Toast, you can call it whenever you need it, without any restrictions!
-
Feature-rich, support for displaying notifications, text, loading, attachments, etc. Toast
-
Support for popping up various custom Toasts, or you can pop up any Widget as long as it meets the requirements of the flutter code.
-
API is simple and easy to use
-
Pure flutter implementation
🐼Online Demo
Online demo (Web effects may be biased, the actual effect is subject to the mobile phone)
🐳Example
🐺Renderings
Notification | Attached | CustomAnimation |
---|---|---|
Loading | Text | CustomWidget |
---|---|---|
🐮Getting started
1. add dependencies into you project pubspec.yaml file
dependencies:
bot_toast: ^3.0.5
# bot_toast: ^4.0.0 #null safety
2. import BotToast lib
import 'package:bot_toast/bot_toast.dart';
3. initialization BotToast
MaterialApp(
title: 'BotToast Demo',
builder: BotToastInit(), //1. call BotToastInit
navigatorObservers: [BotToastNavigatorObserver()], //2. registered route observer
home: XxxxPage(),
)
or
//Warning: Don't arbitrarily adjust the position of calling the BotToastInit function
final botToastBuilder = BotToastInit(); //1. call BotToastInit
MaterialApp(
title: 'BotToast Demo',
builder: (context, child) {
child = myBuilder(context,child); //do something
child = botToastBuilder(context,child);
return child;
},
navigatorObservers: [BotToastNavigatorObserver()], //2. registered route observer
home: XxxxPage(),
)
4. use BotToast
BotToast.showText(text:"xxxx"); //popup a text toast;
BotToast.showSimpleNotification(title: "init"); // popup a notification toast;
BotToast.showLoading(); //popup a loading toast
//popup a attachments toast
BotToast.showAttachedWidget(
attachedBuilder: (_) => Card(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Icon(
Icons.favorite,
color: Colors.redAccent,
),
),
),
duration: Duration(seconds: 2),
target: Offset(520, 520));
//custom api
BotToast.showCustomNotification(...)
BotToast.showCustomText(...)
BotToast.showCustomLoading(...)
BotToast.showAnimationWidget(...)
🐼3.0 version
Major changes:
-
Reimplemented the underlying initialization logic, the code is simpler and more general, and no longer depends on
Navigator
-
Modify the initialization method
2.x version upgrade to 3.x version
change:
//2.x.x version initialization method
BotToastInit(
child:MaterialApp(
title: 'BotToast Demo',
navigatorObservers: [BotToastNavigatorObserver()],
home: XxxxPage(),
)
);
to:
//3.x.x version initialization method
MaterialApp(
title: 'BotToast Demo',
builder: BotToastInit(),
navigatorObservers: [BotToastNavigatorObserver()],
home: XxxxPage(),
)
📃Documentation
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].