image
FWidget 用心提供精致的组件，助您构建精美的应用。
image
Toast 提示，是一个被作为现代化应用程序必不可少的视觉元素。
今天，FWidget 就为开发者们送上各位开发者熟悉而陌生的 Toast 组件。
✨ 特性
开发者，来看看这是你熟悉的 Toast 吗？
-
提供便捷的方式创建 Toast
-
支持主信息、副信息，以及自定义它们的样式
-
支持灵活多变的图标视图
-
支持配置边角大小、背景色
-
支持队列展示
-
支持自定义 Toast 样式
image
🛸 传送区
🛸 【传送门：FToast Github 主页】
📖 【传送门：FToast 文档】
🔩 基础使用
熟悉的用法，但更胜以往
image
FToast.toast(
context,
/// 配置显示时长
///
/// Configure display duration
duration: 800,
/// 配置 Msg
///
/// set Msg
msg: "I'm FToast: ${count++}",
/// 配置 Msg 样式
///
/// set Msg style
msgStyle: TextStyle(color: Colors.white),
)
在最简单的情况下，要创建一个 Toast 元素，就像以往一样简单。
FToast.toast(context, msg: "Hi, FWidget");
当然，在 FToast 中，开发者可以很轻松的通过 msgStyle 属性配置文案样式。
甚至，FToast 在 Flutter 中，实现了队列展示的能力，这和 Android 中的 Toast 具有一致的表现。
🔆 副信息
更多的提示
image
FToast.toast(
context,
msg: "This is Msg",
/// 配置 subMsg
///
/// set subMsg
subMsg: "Welcome to use FToast. This is subMsg!",
/// 配置 SubMsg 样式
///
/// set SubMsg style
subMsgStyle: TextStyle(color: Colors.white, fontSize: 13),
)
FToast 不同于以往的 Toast，FToast 支持了副文案的配置。鉴于此，开发者可以展示更多的提示信息。
🔳 图标
更精美
image
FToast.toast(
context,
msg: "This is Msg",
subMsg: "Welcome to use FToast. This is subMsg!",
/// 配置图标
///
/// set image
image: Icon(
Icons.star,
color: Colors.yellow,
),
/// 配置图标相对文本的位置
///
/// set position of icon relative to text
imageDirection: up,
)
FToast 允许开发者配置一个装饰图标，而且支持控制其相对位置。追求精美，FWidget不是随便说说。
🔩 自定义样式
无限制，绽放创意
image
FToast.toast(
context,
/// 自定义 Toast 样式
///
/// Custom Toast style
toast: FSuper(
text: "Custom Toast",
style: TextStyle(color: Colors.grey),
padding: EdgeInsets.all(12),
shadowColor: Colors.yellow,
shadowBlur: 80,
),
)
如果预设样式的 Toast 仍然不能满足开发者的天马行空，没关系，FToast 支持开发者自定义任何样式的 Toast。
开发者只需关心样式，其余的处理，就放心交给 FToast 处理。
想要了解更多详细内容？请访问 FToast 官方主页 (PS：别忘了投出一个你认可的 Star 哦 😘)。
😃 如何使用？
在项目 pubspec.yaml 文件中添加依赖：
🌐 pub 依赖方式
dependencies:
ftoast: ^<版本号>
⚠️ 注意，请到 pub 获取 FToast 最新版本号
🖥 git 依赖方式
dependencies:
ftoast:
git:
url: 'git@github.com:Fliggy-Mobile/ftoast.git'
ref: '<分支号 或 tag>'
⚠️ 注意，分支号 或 tag 请以 FToast 官方项目为准。
image
网友评论