当前位置: 首页 > Web前端 > HTML5

您来决定,FLoading

时间:2023-04-05 14:58:43 HTML5

FWidget精心提供精美组件,助您打造精美应用。今天,FWidget带给开发者的精美组件就是~FLoading。在实际应用场景中,构建Loading元素似乎是每个开发者都必须掌握的技能。现在,FLoading可以帮助开发人员进一步完善这项技能。FLoading提供了一种极简的方式来构建Loading元素,同时为开发者提供了许多高度可定制的配置,让开发者可以轻松创建漂亮的Loading。?特点那么,让我们看看FLoading带来了什么。提供最便捷的方式来控制Loading的显示/隐藏支持修改背景色支持定时自动隐藏支持局部和全局自定义样式?门户区?【传送门:FLoadingGithub主页】?隐藏///显示//////显示FLoading.show(context);///隐藏//////隐藏FLoading.hide();通过FLoading显示/隐藏Loading非常简单。?自定义样式FLoading允许开发者自由定义全局加载样式或单个显示加载样式。自定义全局样式///定义全局加载样式//////定义全局加载样式FLoading.init(CupertinoActivityIndi??cator(),backgroundColor:Colors.black38);///显示//////showFLoading.show(context);自定义全局样式后,开发者可以方便的通过FLoading.show(context);在世界任何地方构建统一的加载样式。自定义单发样式FLoading.show(context,///通过加载配置单发样式//////通过加载配置单发样式loading:Image.asset("assets/loading_gif_2.gif",width:100,高度:100,));即使在定义了全局样式之后,在一个特殊的位置,FLoading仍然允许开发者在一次构建中指定一个特殊的加载样式。?定时隐藏和背景颜色FLoading.show(context,loading:Image.asset("assets/loading_gif_1.gif",width:200,height:200,),///定时隐藏//////定时隐藏持续时间:3000,///配置背景样式//////配置背景样式颜色:Colors.red[300].withOpacity(0.3),)FLoading提供自动隐藏和定时改变背景颜色的配置以满足开发者的需求无限的创造力。想了解更多详情?请访问FLoading官方主页(PS:不要忘记投票给您认可的Star?)。?如何使用?将依赖项添加到项目pubspec.yaml文件中:pub依赖方法dependencies:floading:^??注意,FLoading请到pub获取最新版本号?git依赖方法dependencies:floading:git:url:'git@github.com:Fliggy-Mobile/floading.git'ref:''??注意,分支号请参考官方FLoading项目或标签。感觉不错?请到《FLoading》的Github主页投上您认可的Star?!更多精彩组件《FSuper》-帮助开发者快速构建美观复杂的视图《FButton》-为开发者提供众多精彩的配置项《FSwitch》-精美的开关元素交互和视觉效果极佳《FRadio》-一个《FFloat》-满足所有你对浮动元素的想象《FRefresh》-轻松打造下拉刷新效果《FDottedLine》-绚丽的虚线效果《FSearch》-一体式搜索框组件《FToast》-精致灵活的Flutter原生Toast组件