我想创建一个圆形进度条,带有动画和百分比
oipij1gg1#
您可以使用CustomPaint自己绘制(推荐),也可以使用Stack将3个不同大小的CircularProgressIndicator放在彼此的顶部。自定义绘制这个并不难:对于每一个圆环,你可以先画一个灰色的圆圈作为背景,然后画一个彩色的弧线路径。2你可以通过设置Paint()..strokeCap = StrokeCap.round来圆化端点。
CustomPaint
Stack
CircularProgressIndicator
Paint()..strokeCap = StrokeCap.round
1条答案
按热度按时间oipij1gg1#
您可以使用
CustomPaint
自己绘制(推荐),也可以使用Stack
将3个不同大小的CircularProgressIndicator
放在彼此的顶部。自定义绘制这个并不难:对于每一个圆环,你可以先画一个灰色的圆圈作为背景,然后画一个彩色的弧线路径。2你可以通过设置
Paint()..strokeCap = StrokeCap.round
来圆化端点。