乐趣区

关于前端:熟悉味道FToast

FWidget 用心提供粗劣的组件,助您构建精美的利用。

Toast 提醒,是一个被作为现代化应用程序必不可少的视觉元素。

明天,FWidget 就为开发者们送上各位开发者 相熟而生疏的 Toast 组件。

✨ 个性

开发者,来看看这是你相熟的 Toast 吗?

  • 提供便捷的形式创立 Toast
  • 反对主信息、副信息,以及自定义它们的款式
  • 反对灵便多变的图标视图
  • 反对配置边角大小、背景色
  • 反对队列展现
  • 反对自定义 Toast 款式

???? 传送区

????【传送门:FToast Github 主页】

????【传送门:FToast 文档】

???? 根底应用

相熟的用法,但更胜以往

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 属性配置文案款式。

甚至,FToastFlutter 中,实现了队列展现的能力,这和 Android 中的 Toast 具备统一的体现。

???? 副信息

更多的提醒

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 不同于以往的 ToastFToast 反对了副文案的配置。鉴于此,开发者能够展现更多的提示信息。

???? 图标

更精美

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 不是随便说说。

???? 自定义款式

无限度,绽开创意

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 官网我的项目为准。

感觉还不错?请到《FToast》的 Github 主页投出您认可的一个 Star ???? 吧!

更多精彩组件

  • 《FSuper》- 帮忙开发者疾速构建精美的简单视图
  • 《FButton》- 为开发者筹备了诸多美好的配置项
  • 《FSwitch》- 具备低劣交互和视效的精美开关元素
  • 《FRadio》- 一个实用于简直任意单选场景的单选组件
  • 《FFloat》- 满足你对浮动元素的所有设想
  • 《FRefresh》- 轻松构建下拉刷新成果
  • 《FDottedLine》- 辉煌的虚线成果
  • 《FSearch》- 一应俱全的搜寻框组件
退出移动版