如何在flutter中创建如下图所示的圆形进度条

anauzrmj  于 2023-01-06  发布在  Flutter
关注(0)|答案(1)|浏览(123)

我想创建一个圆形进度条,带有动画和百分比

oipij1gg

oipij1gg1#

您可以使用CustomPaint自己绘制(推荐),也可以使用Stack将3个不同大小的CircularProgressIndicator放在彼此的顶部。
自定义绘制这个并不难:对于每一个圆环,你可以先画一个灰色的圆圈作为背景,然后画一个彩色的弧线路径。2你可以通过设置Paint()..strokeCap = StrokeCap.round来圆化端点。

相关问题