机遇屋-flutter fluttertoast弹窗工具的使用和封装

flutter fluttertoast弹窗工具的使用和封装

作者：ych

### 介绍
主流的三种APP反馈形式: toast、snackbar以及dialog. toast通常用于提示用户一些不那么重要的信息, 会弹出并显示文字一段时间. 时间一到就会消失. 相较于snackbar和dialog, 对屏幕的入侵较少. 身为开发人员怎能不掌握toast的基本使用?

[fluttertoast](https://pub.dev/packages/fluttertoast "fluttertoast")

### 使用

1.pubspec.yaml中引入依赖：
```
fluttertoast: 8.0.9
```
2.直接在需要弹窗提示的地方使用：
```
 Fluttertoast.showToast(
    msg: "我是弹窗",
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.CENTER,
    timeInSecForIosWeb: 1,
    backgroundColor: Colors.blue,
    textColor: Colors.white,
    fontSize: 16.0);
```
3.在项目中我们会大量使用到弹窗工具，一般都是单独提出作为一个工具类使用，以便于我们后期的改动，直接改动工具类就达到全局修改的作用：
创建一个文件FlutterToast.dart： 提供操作成功和失败的两个方法：
```
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';

void okToast(String text) {
   Fluttertoast.showToast(
    msg: text,
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.CENTER,
    timeInSecForIosWeb: 1,
    backgroundColor: Colors.blue,
    textColor: Colors.white,
    fontSize: 16.0);
}

void errorToast(String text) {
   Fluttertoast.showToast(
    msg:text,
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.CENTER,
    timeInSecForIosWeb: 1,
    backgroundColor: Colors.red,
    textColor: Colors.white,
    fontSize: 16.0);
}

void msgToast(String text) {
  Fluttertoast.showToast(
      msg: text,
      toastLength: Toast.LENGTH_SHORT,
      gravity: ToastGravity.BOTTOM,
      timeInSecForIosWeb: 1,
      backgroundColor: Colors.black45,
      textColor: Colors.white,
      fontSize: 16.0);
}
```
最后在需要使用弹窗的地方使用就可以了：
```
okToast("操作成功的弹窗提示信息！"); //减少了大量的基础代码以及维护成本
errorToast("操作失败的弹窗提示信息！");
msgToast("操作弹窗提示信息！");
```

评论区

先去登录

flutter fluttertoast弹窗工具的使用和封装

相关推荐

评论区