Flutter组件之圆形进度条(CircularProgressIndicator)

本文详细介绍了如何在Flutter中使用CircularProgressIndicator组件创建动态的圆形进度条,包括其基本用法、自定义样式以及在实际应用中的实践案例。
摘要由CSDN通过智能技术生成
/**
 * 圆形进度条
 * 可以在外面包一层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),
                 
  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值