共计 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 组件
正文完