Flutter Toast消息提示框插件

Flutter Toast消息提示框插件

在開發flutter項目中,想必大家肯定會用到toast消息提示,說到這裏, 大家肯定會想到https://pub.dev/ 插件庫, 但是插件市場上有太多類似的插件.其中使用較多的就是fluttertoast(https://pub.dev/packages/fluttertoast), 但是當你使用它的時候, 你會發現一些問題,就是連續點擊的時候,toast提示不能消失,甚至已經離開了當前頁面,toast提示還存在,這就是個問題,但是網上一直都沒有找到解決問題的辦法......今天我要說的另一款toast插件,完美解決以上的出現的問題,

 

插件地址: https://pub.dev/packages/fluttertoast

1,導入包

# add this line to your dependencies
toast: ^0.1.5

2, 在需要用文件導入

import 'package:toast/toast.dart';

3, 使用

Toast.show("Toast plugin app", context, duration: Toast.LENGTH_SHORT, gravity:  Toast.BOTTOM);

 

舉例說明:(考慮toast使用頻繁,故抽離出來封裝)

  • 新建文件toast文件:

toast.dart 代碼如下:

import 'package:toast/toast.dart';

class ToastCom {
    static show(String msg, context){
        Toast.show(
            msg, //必填
            context, //必填
            duration: Toast.LENGTH_SHORT, 
            gravity:  Toast.CENTER,
            backgroundRadius:4
        );
    }
}
  • 在需要的文件中引用此toast.dart文件即可.

代碼如下:

 

效果圖:

 

謝謝大家,如果遇到什麼問題,評論區見!!!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章