Flutter Toast的使用，干货精讲，请查收，Flutter Toast使用指南，干货精讲

温馨提示：这篇文章已超过455天没有更新，请注意相关的内容是否还可用！

摘要：本文将详细介绍Flutter开发中Toast的使用方法和技巧。通过实例解析，让读者了解如何在Flutter应用中快速创建并展示Toast提示信息。本文干货满满，涵盖基础使用到进阶技巧，帮助开发者更好地利用Toast提升用户体验。请查收获取详细教程。

appBar: AppBar(

title: Text(“SnackBar Demo”),

);

body: SnackBarPage(), // 在下一步完成此代码。

显示一个SnackBar

Flutter Toast的使用，干货精讲，请查收，Flutter Toast使用指南，干货精讲第1张

创建Scaffold后，要显示SnackBar，首先创建一个SnackBar，然后使用ScaffoldMessenger显示它。

final snackBar = SnackBar(content: Text(“Yay! A SnackBar!”));

从组件树中找到ScaffoldMessager，并用它显示一个snackBar。

ScaffoldMessenger.of(context).showSnackBar(snackBar);

给SnackBar提供一个可选操作

Flutter Toast的使用，干货精讲，请查收，Flutter Toast使用指南，干货精讲第2张

当显示SnackBar时，我们可能想为用户提供一种操作，如果用户不小心删除了一条消息，则他们可以在SnackBar中使用可选动作来恢复该消息。

下面是如何在SnackBar中为用户提供可选操作的示例。

final snackBar = SnackBar(

content: Text(“Yay! A SnackBar!”),

action: SnackBarAction(

Flutter Toast的使用，干货精讲，请查收，Flutter Toast使用指南，干货精讲第3张

label: “Undo”,

onPressed: () {

// 在此处处理用户需要撤销的操作。

Flutter Toast的使用，干货精讲，请查收，Flutter Toast使用指南，干货精讲第4张

);

来自第三方库的依赖，fluttertoast

fluttertoast是一个来自第三方库的弹出toast提示的实现，它覆盖了安卓，IOS，及web等平台，它提供了两种显示toast的方式，让我们可以在flutter中轻松弹出toast。

fluttertoast的使用

1、利用channel显示各个原生平台toast

Flutter Toast的使用，干货精讲，请查收，Flutter Toast使用指南，干货精讲第5张

(1) 添加下列代码到你的依赖配置：fluttertoast: ^8.0.6。

(2) 在使用的地方导入相应的dart库文件：import ‘package:fluttertoast/fluttertoast.dart’。

(3) 弹出Toast：Fluttertoast.showToast(msg: “This is Center Short Toast”, toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, backgroundColor: Colors.red, textColor: Colors.white, fontSize: 16.0);

(4) 取消Toast：Fluttertoast.cancel()。

(5) Toast显示的配置包括：msg（String类型，必须）、toastLength（Toast.LENGTH_SHORT 或者 Toast.LENGTH_LONG，默认Toast.LENGTH_SHORT）、gravity（ToastGravity.TOP、CENTER 或者 BOTTOM，web只支持top and bottom，默认ToastGravity.BOTTOM）、timeInSecForIosWeb（ios 和 web的配置，默认1(sec)）、backgroundColor（Colors.red，默认null）、textcolor（Colors.white，默认null）、fontSize（float类型，默认16.0）、webShowClose（bool类型，默认false）、webBgColor（String类型，hex Color，默认linear-gradient(to right, #00b09b, #96c93d)）、webPosition（String类型，left、center、right，默认right）。

Flutter Toast的使用，干货精讲，请查收，Flutter Toast使用指南，干货精讲第6张

FToast 是作者在flutter平台实现的toast，它不依赖原生操作系统直接在flutterview层面显示toast，因此用此方式实现的toast所有平台都通用。

FToast的使用比较简单，直接上demo：由于FToast使用起来比较简单，我们这里直接上demo。初始化FToast实例：FToast fToast = FToast(); 在initState()中进行初始化：fToast.init(context); 显示Toast的方法为：_showToast() {...}。接下来是自我介绍及分享学习资料的部分省略... ...由于文件比较大，这里只是将部分目录截图出来展示给大家，每个节点里都包含大厂面经、学习笔记等内容，若您感兴趣且觉得对您有帮助的话可按需领取。（备注Android），最后部分是关于学习总结——手绘的Android框架体系架构知识脑图的内容省略... ...除此之外前文所提及的相关学习笔记文档也皆可分享给认可的朋友！感谢大家的认可和支持！请注意自行下载领取链接：【Git】。