/**
* 圆形进度条
* 可以在外面包一层SizedBox,间接改变进度条的大小
*const CircularProgressIndicator({
Key key,
double value,//0~1的浮点数,用来表示进度多少;如果 value 为 null 或空,则显示一个动画,否则显示一个定值
Color backgroundColor,//背景颜色
Animation<Color> valueColor,//animation类型的参数,用来设定进度值的颜色,默认为主题色
this.strokeWidth = 4.0,//进度条宽度
String semanticsLabel,
String semanticsValue,
})
*/
body: Stack(
children: <Widget>[
Positioned(
left: 150.0,
top: 20.0,
child: CircularProgressIndicator(
// value: 0.3,
backgroundColor: Color(0xffff0000),
)
),
Positioned(
left: 150.0,
top: 70.0,
child: CircularProgressIndicator(
value: 0.3,
backgroundColor: Color(0xffff0000),
Flutter组件之圆形进度条(CircularProgressIndicator)
最新推荐文章于 2024-08-08 15:30:00 发布
本文详细介绍了如何在Flutter中使用CircularProgressIndicator组件创建动态的圆形进度条,包括其基本用法、自定义样式以及在实际应用中的实践案例。
摘要由CSDN通过智能技术生成