如何在颤振中创建圆形进度条

Question

我想弄清楚如何在颤振中弯曲容器内的小尺寸盒子。

我目前的代码只是在边框内创建了一个巨大的圆圈。

      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)