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

前言

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