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

Question

我想用 animation 创建这个循环进度条并处理百分比

Answer 1

您可以使用CustomPaint自己绘制（推荐）来实现此目的，或者使用Stack将 3 个不同大小的CircularProgressIndicator相互叠加。

自定义绘制这个并不难：对于每个环，您可以先绘制一个灰色圆圈作为背景，然后绘制一条彩色圆弧路径。 您可以通过设置Paint()..strokeCap = StrokeCap.round来使末端变圆。