flutter好用的轮子推荐六-超好用的全局toast

前言

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

IT界著名的尼古拉斯·高尔包曾说:轮子是IT进步的阶梯!热门的框架千篇一概,好用轮子万里挑一!Flutter做为这两年开始崛起的跨平台开发框架,其第三方生态相比其余成熟框架还略有不足,但轮子的数量也已经不少了。本系列文章挑选平常app开发经常使用的轮子分享出来,给你们提升搬砖效率,同时也但愿flutter的生态愈来愈完善,轮子愈来愈多。github

本系列文章准备了超过50个轮子推荐,工做缘由,尽可能每1-2天出一篇文章。app

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

正文

轮子

  • 轮子名称:bot_toast
  • 轮子概述:真正意义上的Toast,能够在任何你须要的时候调用,不会有任何限制(自动管理context).
  • 轮子做者:vivaskerror@gmail.com
  • 推荐指数:★★★★★
  • 经常使用指数:★★★★★
  • 效果预览:
    效果图

安装

dependencies:
 bot_toast: ^2.0.0+2
复制代码
import 'package:bot_toast/bot_toast.dart';
复制代码

概述

  • 真正意义上的Toast,能够在任何你须要的时候调用,不会有任何限制! (这是他最重要的特色,跟别的Toast库不一样的地方)工具

  • 功能丰富,支持显示通知,文本,加载,附属等类型Toast动画

  • 支持在弹出各类自定义Toast,或者说你能够弹出任何Widget,只要它符合flutter代码的要求便可ui

  • Api简单易用,基本上没有必要参数(包括BuildContext),基本上都是可选参数spa

  • 纯flutter实现,不容易带来兼容问题插件

使用

初始化BotToast

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

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

最简单的使用方式

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.com/MMMzq/bot_t…

定制化效果图:

  • Notification风格定制

  • Attached风格定制

  • CustomAnimation风格定制

  • Loading风格定制

  • Text风格定制

  • CustomWidget风格定制

结尾

相关文章
相关标签/搜索