如何在 flutter 中創建如下圖所示的圓形進度條

Question

我想用 animation 創建這個循環進度條並處理百分比

Answer 1

您可以使用CustomPaint自己繪制（推薦）來實現此目的，或者使用Stack將 3 個不同大小的CircularProgressIndicator相互疊加。

自定義繪制這個並不難：對於每個環，您可以先繪制一個灰色圓圈作為背景，然后繪制一條彩色圓弧路徑。 您可以通過設置Paint()..strokeCap = StrokeCap.round來使末端變圓。