Skip to content

Message 消息提示

常用于主动操作后的反馈提示。

实现原理

使用 Overlay 和 AnimationController 实现消息提示的显示和动画效果。

基础用法

使用 EMessageController 来调用不同类型的消息提示。

查看代码

圆角消息

使用 isRound 属性来定义消息提示的圆角样式。

查看代码

消息尺寸

使用 size 属性来定义消息提示的尺寸,也可以通过 paddingfontSize 来自定义大小。

查看代码

显示时长

使用 duration 属性来控制消息提示的显示时长。

查看代码

自定义图标

使用 icon 属性来自定义消息提示的图标。

查看代码

可关闭的消息

使用 showClose 属性来控制是否显示关闭按钮。

查看代码

API 调用

自动关闭和手动关闭都会触发 onClose

查看代码

API

Message 属性

属性名说明类型默认值
message消息文字String-
type消息类型ElementColorTypeElementColorType.info
size消息尺寸ElementSizeItemElementSizeItem.medium
fontSize自定义消息文字大小double-
padding自定义内边距EdgeInsets-
icon自定义图标Widget-
isRound是否为圆角消息booleanfalse
showClose是否显示关闭按钮booleanfalse
duration显示时长,单位毫秒,0 表示不自动关闭int3000

Message 事件

事件名说明参数
onClose消息关闭时触发() => void

MessageController 方法

方法名说明参数
success显示成功消息(context, message, {...options})
warning显示警告消息(context, message, {...options})
info显示信息消息(context, message, {...options})
error显示错误消息(context, message, {...options})

基于 MIT 协议发布