关于前端:由你做主FLoading

31次阅读

共计 1753 个字符,预计需要花费 5 分钟才能阅读完成。

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

明天,FWidget 为开发者们带来的 粗劣 组件是~FLoading

在理论利用场景中,构建 Loading 元素仿佛是每个开发者必须把握的技能。当初,FLoading 来帮忙开发者们进一步精进这以技能。

FLoading 提供了一种极简的 Loading 元素构建形式,同时为开发者提供了诸多可高度定制化的配置,让开发者能够轻松的创立出精美的 Loading

✨ 个性

那么,来看看 FLoading 都带来了什么。

  • 提供最便捷的形式,管制 Loading展现 / 暗藏
  • 反对批改背景色彩
  • 反对定时自动隐藏
  • 反对部分和全局自定义款式

???? 传送区

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

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

???? 显示 / 暗藏


/// 显示
///
/// show 
FLoading.show(context);


/// 暗藏
///
/// hide 
FLoading.hide();

通过 FLoading 来实现 Loading显示 / 暗藏,真是太简略了。

???? 自定义款式

FLoading 容许开发者自在的定义全局 Loading 款式或单次展现的 Loading 款式。

自定义全局款式


/// 定义全局 Loading 款式
///
///Define global loading style
FLoading.init(CupertinoActivityIndicator(), backgroundColor: Colors.black38);

/// 显示
///
/// show
FLoading.show(context);

在自定义全局款式后,开发者就能够便捷的通过 FLoading.show(context);,即可在全局任意地位构建对立的 Loading 款式。

自定义单次款式

FLoading.show(context,
  
  /// 通过 loading 配置单次款式
  ///
  /// One-shot style configuration via loading
  loading: Image.asset(
    "assets/loading_gif_2.gif",
    width: 100,
    height: 100,
  ));

即便在定义全局款式后,在非凡地位,FLoading 仍旧容许开发者在单次构建时,指定非凡的 Loading 款式。

???? 定时暗藏和背景色彩

FLoading.show(
  context,
  loading: Image.asset(
    "assets/loading_gif_1.gif",
    width: 200,
    height: 200,
  ),

  /// 定时暗藏
  ///
  /// Timed hiding
  duration: 3000,

  /// 配置背景款式
  ///
  /// Configure background style
  color: Colors.red[300].withOpacity(0.3),
)

FLoading 提供了 定时自动隐藏 和变更 背景色 的配置,以满足开发者们有限的创造力。

想要理解更多具体内容?请拜访 FLoading 官方主页 (PS:别忘了投出一个你认可的 Star 哦 ????)。

???? 如何应用?

在我的项目 pubspec.yaml 文件中增加依赖:

???? pub 依赖形式

dependencies:
  floading: ^< 版本号 >

⚠️ 留神,请到 pub 获取 FLoading 最新版本号

???? git 依赖形式

dependencies:
  floading:
    git:
      url: 'git@github.com:Fliggy-Mobile/floading.git'
      ref: '< 分支号 或 tag>'

⚠️ 留神,分支号 或 tag 请以 FLoading 官网我的项目为准。

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

更多精彩组件

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

正文完
 0