flutter好用的輪子推薦六-超好用的全局toast

前言

Flutter是谷歌的移動UI框架，能夠快速在iOS和Android上構建高質量的原生用戶界面。git

IT界著名的尼古拉斯·高爾包曾說：輪子是IT進步的階梯！熱門的框架千篇一概，好用輪子萬里挑一！Flutter做爲這兩年開始崛起的跨平臺開發框架，其第三方生態相比其餘成熟框架還略有不足，但輪子的數量也已經不少了。本系列文章挑選平常app開發經常使用的輪子分享出來，給你們提升搬磚效率，同時也但願flutter的生態愈來愈完善，輪子愈來愈多。github

本系列文章準備了超過50個輪子推薦，工做緣由，儘可能每1-2天出一篇文章。markdown

tip:本系列文章合適已有部分flutter基礎的開發者，入門請戳：flutter官網app

正文

輪子

輪子名稱：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代碼的要求便可oop
Api簡單易用,基本上沒有必要參數(包括BuildContext),基本上都是可選參數動畫
純flutter實現,不容易帶來兼容問題ui

使用

初始化BotToast

//1.使用BotToastInit直接包裹MaterialApp 
BotToastInit(
  child:MaterialApp(
      title: 'BotToast Demo',
      navigatorObservers: [BotToastNavigatorObserver()],//2.註冊路由觀察者
      home: XxxxPage(),
  )
);
複製代碼

ps:這是我最喜歡的一點，直接在app根入口觀察路由，自動管理當前的context，後續調用時無需再關心context，能夠在任意地方調用。好比：在http工具類裏進行全局錯誤攔截時彈出toast提示。spa

最簡單的使用方式

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風格定製

結尾

輪子倉庫地址：pub.flutter-io.cn/packages/bo…
系列演示demo源碼：github.com/826327700/f…