如何在 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)