flutter 实现安卓原生中常用的Toast提示

已于 2022-08-11 19:27:11 修改
阅读量1.7k 收藏
点赞数
文章标签： flutter Toast
于 2020-04-07 17:37:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gpf1320253667/article/details/105369607
版权
这篇博客介绍了如何在Flutter应用中实现类似Android原生的Toast提示，由于Flutter自身未提供此功能，作者推荐使用OKToast库。通过引入插件并将其包裹在MaterialApp中，可以在无需上下文的情况下方便地显示Toast。此外，文章还提到了其他相关API，如关闭所有Toast、全局设置显示新Toast时隐藏旧Toast等，并展示了如何封装Toast工具类以及显示带有Widget的Toast示例。
摘要由CSDN通过智能技术生成

前言

Toast是一种轻量级提示，在android原生开发中，Toast作为系统组件提供给我们使用，但在实际使用中我们发现，原生的Toast控件在各个不同厂商的设备上具有不同的显示样式，有的可能会很丑。

然而在Flutter中系统并没有为我们直接提供类似的Toast组件，因此我们需要自定义实现或者借助第三方库来快捷实现，常用的第三方库 fluttertoast，因为这个插件本身是依赖于原生的，而原生效果在不同设备上存在外观不一致的问题，因此我们最终选用纯Flutter实现的库：OKToast。

引入插件

oktoast: ^2.3.1+1

使用

1，使用OKToast包裹你的 MaterialApp，注意不是包裹 Scaffold，因为一般情况下一个 flutter 应用

了解本专栏 订阅专栏 解锁全文
智玲君
关注
专栏目录
订阅专栏
【Flutter】Flutter 使用 fluttertoast 实现显示 Toast 消息
Code Metaverse
08-30 4119
Toast 是一个简短的、非模态的消息提示框，它可以在应用的前端显示，不会打断用户的操作。`fluttertoast` 是一个非常受欢迎的 Flutter 包，用于在 Flutter 项目中轻松创建 Toast 消息。
Flutter之显示Toast
Zachary的基地
05-19 2061
在Flutter中实现与原生的Toast一样的展示效果，使用插件fluttertoast的插件。 1.添加依赖 fluttertoast: ^2.1.1 2.控制台输入命令，下载插件 flutter packages get 3.使用Toast方式 Fluttertoast.showToast( msg: "提示信息", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeIn
FlutterToast教程：轻松集成Flutter中的Toast功能
gitblog_01115的博客
08-13 857
FlutterToast教程：轻松集成Flutter中的Toast功能 FlutterToastToast Plugin for Flutter项目地址:https://gitcode.com/gh_mirrors/fl/FlutterToast 项目介绍 FlutterToast 是一个专为 Flutter 平台设计的简单易用的 Toast 库，它允许开发者只需一行代码即可创建并显示消息提示...
Flutter Toast的使用
egrhef的博客
04-10 682
总之啊，家里没矿的同学们，如果你们想以后的日子过得好一些，多想想你们的业余时间怎么安排吧；技术方面的提升肯定是重中之重，但是技术外的一些“软实力”也不能完全忽视，很多时候升职确实是因为你的技术足够强，但也与你的“软实力”密切相关在这我也分享一份大佬自己收录整理的Android学习PDF+架构视频+面试文档+源码笔记，还有高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这些都是我闲暇还会反复翻阅并给下属员工学习的精品资料。
flutter的Toast (Android的一样动画)
weixin_45663083的博客
10-09 763
Flutter 使用 Toast
Flutter之Toast
augfun的博客
11-19 654
文章来源：http://www.liulongbin.top:8084/#/ 在pubspec.yaml的dependencies节点中，新增插件如下： dependencies: toast: ^0.1.3 在lib/main.dart中导入对应的插件： import 'package:toast/toast.dart'; 调用Toast.show()函数提示消息： // 参数1：提示消息 // 参数2：提示消息多久后自动隐藏 // 参数3：位置 Toast.show("鉴...
flutter-toast plugin for flutter-支持安卓+iOS+Web.zip
01-25
总结来说，`flutter_toast`是Flutter开发中的一个强大工具，它的跨平台特性使得开发者可以便捷地在Android、iOS和Web应用中实现一致的用户交互体验。通过理解并熟练运用这个插件，开发者能够更加高效地创建具有优秀...
FlutterToast,flutter的android toast插件.zip
09-25
FlutterToast是针对Flutter框架开发的一款插件，专用于在Android和iOS平台上实现类似原生Toast的功能。这个开源项目为开发者提供了便捷的方式，在跨平台的Flutter应用中显示短暂的通知消息，无需深入理解每个平台的...
flutter的Toast
weixin_40763897的博客
08-25 3470
1.添加依赖 在pubspec.yaml文件中添加： dependencies: flutter: sdk: flutter fluttertoast: ^7.0.2 2.使用Toast Fluttertoast.showToast( msg: "This is Center Short Toast", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER,
Flutter的Android和iOSToastLibrary
08-10
总结一下，Flutter的Android和iOSToastLibrary是一个关键的开发工具，它使得在Flutter应用中实现类似原生的Toast功能变得简单。无论是在Android还是iOS设备上，开发者都能够快速地向用户传达信息，提升应用的用户...
Flutter开发之——Toast提示框
我的博客
02-24 7034
一 概述 Toast是Flutter中用于显示信息的弹框 Flutter官方暂时没有类似Android中的Toast，我们可以借助GitHub上别人封装好的类库实现类似的功能 二 fluttertoast介绍 2.1 项目地址 fluttertoast 2.2 如何使用 将依赖添加到pubspec.yaml，并执行Pub get fluttertoast: ^7.1.6 将头文件添加到要使用的类中 import 'package:fluttertoast/fluttertoast.dart'
fluttertoast
weixin_38107457的博客
02-15 174
fluttertoast # add this line to your dependencies fluttertoast: ^8.0.8 import 'package:fluttertoast/fluttertoast.dart'; Fluttertoast.showToast( msg: "This is Center Short Toast", toastLength: Toast.LENGTH_SHORT, gravity:...
Flutter Android Toast Message(flutter访问Android Toast Message)
weixin_30247781的博客
08-19 207
原文 Android Toast通知可用于向用户发送快速消息，并在几秒钟后消失。 但是当涉及Flutter时，没有直接的方式来显示这些Toast消息。因此，我们需要找到一种替代方法来实现它。在这种情况下，platform将是您的朋友。 lib/main.dart import 'package:flutter/material.dart'; import 'package:flutt...
flutter fluttertoast
转载的svn使用
05-20 558
fluttertoast官方package 如何使用： 添加依赖库： fluttertoast: ^2.1.1 导入： import 'package:fluttertoast/fluttertoast.dart'; 示例 _toast(){ Fluttertoast.showToast( msg: "网络连接错误", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.BOTTOM,
2021年Flutter中自定义提示框
码蝗的博客
03-24 374
1. 弹出提示框 定义模态框组件，代码如下： import 'package:flutter/material.dart'; class MyDialog extends Dialog{ final String title; final String content; // 构造函数赋值 MyDialog({this.title="",this.content=""}); @override Widget build(BuildContex
avocado_toast:Flutter插件，用于完全使用Dart代码生成自定义Android Toast（无通道）
05-10
Avocado Toast是适用于Flutter应用程序的Dart插件，使开发人员有机会使用字符串或小部件将传统和自定义的Toast添加到其Flutter制造的Android应用程序中。 目前，Flutter尚未在其材料包装中包括传统的烤面包小部件。...
FlutterToast 使用教程
最新发布
gitblog_01005的博客
08-27 603
FlutterToast 使用教程 FlutterToastFlutter Toast 使用 Flutter 原生 API实现的 Toast 功能项目地址:https://gitcode.com/gh_mirrors/flu/FlutterToast 项目介绍 FlutterToast 是一个用于 Flutter 应用的轻量级 Toast 消息库。它允许开发者通过简单的代码调用，在应用中显示自定...
Flutter 原生自定义toast 手动关闭它的方法
sinat_30352293的博客
05-05 232
mytoast详情可以前往了解。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

智玲君

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值