Flutter使用Toast

作者: python草莓 | 来源:发表于2019-04-10 15:05 被阅读9次

    在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,因为如果位置居下,当输入法弹出时,展示效果并不友好。

    欢迎大家共同讨论~

    相关文章

      网友评论

        本文标题:Flutter使用Toast

        本文链接:https://www.haomeiwen.com/subject/vfiniqtx.html