Flutter Progress
1 条形无固定值进度条
//LinearProgressIndicator不具备设置高度的选项,可以使用SizedBox来设置高度与宽度
SizedBox(
child: LinearProgressIndicator(),
height: 8.0,
width: 200,
),
2 圆形无固定值进度条
SizedBox(
child: CircularProgressIndicator(),
height: 44.0,
width: 44.0,
),
3 条形固定值进度条
new SizedBox(
//限制进度条的高度
height: 6.0,
//限制进度条的宽度
width: 200,
child: new LinearProgressIndicator(
//0~1的浮点数,用来表示进度多少;如果 value 为 null 或空,则显示一个动画,否则显示一个定值
value: 0.3,
//背景颜色
backgroundColor: Colors.yellow,
//进度颜色
valueColor: new AlwaysStoppedAnimation<Color>(Colors.red)),
),
4 圆形固定值进度条
//CircularProgressIndicator不具备设置高度的选项,可以使用SizedBox来设置高度与宽度
new SizedBox(
//限制进度条的高度
height: 40.0,
//限制进度条的宽度
width: 40,
child: new CircularProgressIndicator(
//0~1的浮点数,用来表示进度多少;如果 value 为 null 或空,则显示一个动画,否则显示一个定值
value: 0.3,
//背景颜色
backgroundColor: Colors.yellow,
//进度颜色
valueColor: new AlwaysStoppedAnimation<Color>(Colors.red)),
),
分享到:
相关推荐
圆形进度条(弧形刻度)CircleProgress
一种材料设计循环进度指示器,它旋转表示应用程序正在忙。 可用于Loading显示,也可以用作进度显示
flutter_progress_button flutter_progress_button是一个免费且开放源代码(MIT许可)的Material Flutter Button,它支持各种按钮样式要求。 它被设计为易于使用和可定制的。 开始吧 依靠它 将此添加到包的pubspec....
Flutter Slider 进度条
效果图 引入依赖 flutter_seekbar: git: https://github.com/LiuC520/flutter_seekbar.git 全量demo代码 ...简化demo效果 ...import 'package:flutter_seekbar/flutter_seekbar.dart'; void main() =>
dependencies : flutter : sdk : flutter step_progress_indicator : ^0.2.5+8水平的垂直的通告1通告2例子 StepProgressIndicator-示例1 StepProgressIndicator ( totalSteps : 10 ,) StepProgressIndicator-示例2 ...
主要为大家详细介绍了Flutter质感设计之进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
自定义圆形进度条,可进行自主设置属性和颜色等;
用flutter开发的项目,最大的好处除了跨平台之外,还有一点就是插件多,便于很多功能的实现。 画风(话锋)一转,老子说,事物都有两面性,物极必反。插件多是多,插件带来的问题也是不容小觑,总结下,插件带来的几...
android 仿IOS风格对话框,效果非常不错,你可能用得上哦
颤动进度指示器一个简单的小部件,可用于显示任务的当前进度。
Flutter Web App加载动画从index.html复制代码,并替换为您的[项目文件夹] /web/index.html文件。 别忘了给星星
Flutter项目的一组简单但非常可定制的加载动画。 安装 将以下内容添加到您的pubspec.yaml文件中: ... dependencies : ... loading_animations : " ^2.1.0 " ... 然后将文件导入到您的项目中: import '...
本程序结合timer控件和progressBar控件实现进度条指示进度,其中可以改变progressBar的style属性选择进度条的样式。
Flutter Stepper 步骤
这是一个整理自Flutter官方的开发文档中文版,可帮助大家更好的学习Flutter,需要的朋友欢迎下载! Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起...
✨ Flutter Spinkit A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit.