Flutter Toast的使用

来自第三方库的依赖，fluttertoast

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

fluttertoast的使用

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

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.TENGTH_SHORT 或者 Toast.LENGTH_LONG	Toast.TENGTH_SHORT
gravity	ToastGravity.TOP 或者 ToastGravity.CENTER 或者 ToastGravity.BOTTOM web只支持top and bottom	ToastGravity.BOTTOM
timeInSecForIosWeb	int (ios 和 web)的配置	1(sec)
backgroundColor	Colors.red	null
textcolor	Colors.white	null
fontSize	16.0(float)	null
webShowClose	false(bool)	false
webBgColor	String(hex Color)	linear-gradient(to right, #00b09b, #96c93d)
webPosition	String(left,center,right)	right

flutter平台实现的toast

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

1. FToast使用

由于FToast使用起来比较简单，我们这里直接上demo

FToast fToast;

@override
void initState() {
super.initState();
fToast = FToast();
fToast.init(context);
}

_showToast() {
Widget toast = Container(
padding: const EdgeInsets.symmetric(horizontal: 24.0, vertical: 12.0),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(25.0),
color: Colors.greenAccent,
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.check),
SizedBox(
width: 12.0,
),
Text(“This is a Custom Toast”),
],
),
);

fToast.showToast(
child: toast,
gravity: ToastGravity.BOTTOM,
toastDuration: Duration(seconds: 2),
);

// Custom Toast Position
fToast.showToast(
child: toast,
toastDuration: Duration(seconds: 2),
positionedToastBuilder: (context, child) {
return Positioned(
child: child,
top: 16.0,
left: 16.0,
);
});
}

2. 关键代码

//1. 在initState中初始化
@override
void initState() {
super.initState();
fToast = FToast();
fToast.init(context);
}
//2. 在合适的地方调用_showToast()方法
_showToast() {
Widget toast = Container(
padding: const EdgeInsets.symmetric(horizontal: 24.0, vertical: 12.0),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(25.0),
color: Colors.greenAccent,
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.check),
SizedBox(
width: 12.0,
),
Text(“This is a Custom Toast”),
],
),
);

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

总之啊，家里没矿的同学们，如果你们想以后的日子过得好一些，多想想你们的业余时间怎么安排吧；

技术方面的提升肯定是重中之重，但是技术外的一些“软实力”也不能完全忽视，很多时候升职确实是因为你的技术足够强，但也与你的“软实力”密切相关

在这我也分享一份大佬自己收录整理的 Android学习PDF+架构视频+面试文档+源码笔记 ，还有高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这些都是我闲暇还会反复翻阅并给下属员工学习的精品资料。在脑图中，每个知识点专题都配有相对应的实战项目，可以有效的帮助大家掌握知识点。

总之也是在这里帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习

相信自己，没有做不到的，只有想不到的

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

[外链图片转存中…(img-yAMugTbU-1712752929630)]

相信自己，没有做不到的，只有想不到的

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！