Flutter使用Toast

2023年2月28日 504次阅读 来源: Android全栈

在Android开发中，我们经常使用原生的Toast展示一些提示。现在在iOS开发过程中，Toast的使用也变得越来越流行。本文我们就来介绍如何在Flutter中使用Toast。

我们需要使用插件fluttertoast的插件。

添加依赖

要使用这个插件，首先在工程的pubspec.yaml文件中加入对这个插件的依赖：

dependencies:
  fluttertoast: ^3.0.3

下载插件

flutter packages get

弹出Toast

import 'package:fluttertoast/fluttertoast.dart';

Fluttertoast.showToast(
    msg: "Toast提示信息",
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.CENTER,
    timeInSecForIos: 1,
    backgroundColor: Colors.red,
    textColor: Colors.white,
    fontSize: 16.0
);

各个参数的说明

参数名说明
msg展示的文字内容
toastLength时间长短Toast.LENGTH_SHORT、Toast.LENGTH_LONG
gravity位置（上中下）ToastGravity.TOP、ToastGravity.CENTER、 ToastGravity.BOTTOM
timeInSecForIos展示时长，仅iOS有效
bgcolor背景颜色
textcolor文字颜色
fontSize文字大小

总结

我们可以自定义Toast的颜色、大小等，但是并不能深度定制，比如展示图片等。但是一般也足够我们使用了。
建议使用时位置居中ToastGravity.CENTER，因为如果位置居下，当输入法弹出时，展示效果并不友好。

欢迎大家共同讨论~
    原文作者：Android全栈
    原文地址: https://www.jianshu.com/p/53f756c3d177
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞