Message 消息提示
常用于主动操作后的反馈提示。
实现原理
使用 Overlay 和 AnimationController 实现消息提示的显示和动画效果。
基础用法
使用 EMessageController 来调用不同类型的消息提示。
查看代码▼
圆角消息
使用 isRound 属性来定义消息提示的圆角样式。
查看代码▼
消息尺寸
使用 size 属性来定义消息提示的尺寸,也可以通过 padding 和 fontSize 来自定义大小。
查看代码▼
显示时长
使用 duration 属性来控制消息提示的显示时长。
查看代码▼
自定义图标
使用 icon 属性来自定义消息提示的图标。
查看代码▼
可关闭的消息
使用 showClose 属性来控制是否显示关闭按钮。
查看代码▼
API 调用
自动关闭和手动关闭都会触发 onClose
查看代码▼
API
Message 属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| message | 消息文字 | String | - |
| type | 消息类型 | ElementColorType | ElementColorType.info |
| size | 消息尺寸 | ElementSizeItem | ElementSizeItem.medium |
| fontSize | 自定义消息文字大小 | double | - |
| padding | 自定义内边距 | EdgeInsets | - |
| icon | 自定义图标 | Widget | - |
| isRound | 是否为圆角消息 | boolean | false |
| showClose | 是否显示关闭按钮 | boolean | false |
| duration | 显示时长,单位毫秒,0 表示不自动关闭 | int | 3000 |
Message 事件
| 事件名 | 说明 | 参数 |
|---|---|---|
| onClose | 消息关闭时触发 | () => void |
MessageController 方法
| 方法名 | 说明 | 参数 |
|---|---|---|
| success | 显示成功消息 | (context, message, {...options}) |
| warning | 显示警告消息 | (context, message, {...options}) |
| info | 显示信息消息 | (context, message, {...options}) |
| error | 显示错误消息 | (context, message, {...options}) |