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

前言

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

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

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

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代碼的要求便可

• Api簡單易用,基本上沒有必要參數(包括BuildContext),基本上都是可選參數

• 純flutter實現,不容易帶來兼容問題

使用

初始化BotToast

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

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

最簡單的使用方式

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…