玖叶教程网

前言

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。

IT界著名的尼古拉斯·高尔包曾说：轮子是IT进步的阶梯！热门的框架千篇一律，好用轮子万里挑一！Flutter作为这两年开始崛起的跨平台开发框架，其第三方生态相比其他成熟框架还略有不足，但轮子的数量也已经很多了。本系列文章挑选日常app开发常用的轮子分享出来，给大家提高搬砖效率，同时也希望flutter的生态越来越完善，轮子越来越多。

本系列文章准备了超过50个轮子推荐，工作原因，尽量每1-2天出一篇文章。

tip:本系列文章合适已有部分flutter基础的开发者，入门请戳：flutter官网

正文

轮子

• 轮子名称：bot_toast
• 轮子概述：真正意义上的Toast,可以在任何你需要的时候调用,不会有任何限制(自动管理context).
• 轮子作者：[email protected]
• 推荐指数：★★★★★
• 常用指数：★★★★★
• 效果预览：

安装

yaml

dependencies:
 bot_toast: ^2.0.0+2

dart

import 'package:bot_toast/bot_toast.dart';

概述

• 真正意义上的Toast,可以在任何你需要的时候调用,不会有任何限制! (这是他最重要的特点,跟别的Toast库不同的地方)
• 功能丰富,支持显示通知,文本,加载,附属等类型Toast
• 支持在弹出各种自定义Toast,或者说你可以弹出任何Widget,只要它符合flutter代码的要求即可
• Api简单易用,基本上没有必要参数(包括BuildContext),基本上都是可选参数
• 纯flutter实现,不容易带来兼容问题

使用

初始化BotToast

dart

//1.使用BotToastInit直接包裹MaterialApp 
BotToastInit(
 child:MaterialApp(
 title: 'BotToast Demo',
 navigatorObservers: [BotToastNavigatorObserver()],//2.注册路由观察者
 home: XxxxPage(),
 )
);

ps:这是我最喜欢的一点，直接在app根入口观察路由，自动管理当前的context，后续调用时无需再关心context，可以在任意地方调用。比如：在http工具类里进行全局错误拦截时弹出toast提示。

最简单的使用方式

dart

BotToast.showText(text:"xxxx"); //弹出一个文本框;
BotToast.showSimpleNotification(title: "init"); //弹出简单通知Toast
BotToast.showLoading(); //弹出一个加载动画
//弹出一个定位Toast
BotToast.showAttachedWidget(
 attachedWidget: (_) => Card(
 child: Padding(
 padding: const EdgeInsets.all(8.0),
 child: Icon(
 Icons.favorite,
 color: Colors.redAccent,
 ),
 ),
 ),
 duration: Duration(seconds: 2),
 target: Offset(520, 520));s

定制化使用

这款插件支持非常详细的定制化参数设置，内容太多，我就不贴出来了，详情请github搜索bot_toast

定制化效果图：

• Notification风格定制

• Attached风格定制

• CustomAnimation风格定制

• Loading风格定制

• Text风格定制

• CustomWidget风格定制