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

小小包子發表於2019-10-31

前言

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

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

  • Attached風格定製

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

  • CustomAnimation風格定製

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

  • Loading風格定製

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

  • Text風格定製

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

  • CustomWidget風格定製

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

結尾

相關文章