Flutter Toast的使用(1)，一次违反常规的安卓大厂面试经历

);

显示一个SnackBar

创建好了Scaffold，显示SnackBar时首先我们要创建一个SnackBar，然后使用ScaffoldMessenger显示它。

final snackBar = SnackBar(content: Text(‘Yay! A SnackBar!’));
// 从组件树种找到ScaffoldMessager，并用它去show一个snackBar
ScaffoldMessenger.of(context).showSnackBar(snackBar);

给SnackBar提供一个可选操作

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

下面展示如何在SnackBar给用户提供可选操作。

final snackBar = SnackBar(
content: Text(‘Yay! A SnackBar!’),
action: SnackBarAction(
label: ‘Undo’,
onPressed: () {
// 我们只需要在此处处理用户需要撤销的操作就行了。
},
),
);

来自第三方库的依赖，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. 关键代码
   自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

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

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

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

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

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

结尾

最后小编想说：不论以后选择什么方向发展，目前重要的是把Android方面的技术学好，毕竟其实对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。早早确定自己的职业方向，才能在工作和能力提升中甩开同龄人。

想要拿高薪实现技术提升薪水得到质的飞跃。最快捷的方式，就是有人可以带着你一起分析，这样学习起来最为高效，所以为了大家能够顺利进阶中高级、架构师，我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。

当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的。

高级UI，自定义View

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训，学会这小块知识就能随便找到不错的工作了。

不过很显然现在远远不够了，拒绝无休止的CV,亲自去项目实战，读源码，研究原理吧！

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

止的CV,亲自去项目实战，读源码，研究原理吧！

[外链图片转存中…(img-BqJybK9r-1712507374500)]

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