如何在 flutter 中創建圓形進度條

Question

我試圖弄清楚如何在 flutter 的容器內彎曲一個小尺寸的盒子。

我目前的代碼只是在邊界內創建了一個巨大的圓圈。

      decoration: BoxDecoration(border: Border.all(),
       shape: BoxShape.circle),
       width: 112,
       height: 112,
       child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
         children: [
         Flexible(
          child: FractionallySizedBox(
          widthFactor:.90,                
          child: Container(
          decoration: BoxDecoration(
          shape: BoxShape.circle,
          color: Colors.green,),),

這是我想要實現的目標（但綠色條僅顯示 20% 而不是此處顯示的 100%）：

Answer 1

為什么不在堆棧中使用 CircularProgressIndicator 小部件和 Text 小部件？

您可以像這樣設置 strokeWidth 和 circularProgressIndicator 的進度：

CircularProgressIndicator(
            value: yourProgress,
            strokeWidth: yourStrokeWidth)