Dart 如何创建两级循环进度指标?

Dart 如何创建两级循环进度指标?,dart,flutter,Dart,Flutter,以下是我想要达到的目标 我正在查看循环百分比指示器库,但它不提供此功能 以下是本机Android开发的实现 但是如何将其移植到颤振?您可以通过使用堆栈小部件实现此效果,它将允许您将两个指示器放置在相同的位置,从而实现重叠效果: 堆栈( 儿童:[ 循环压缩机指示器( 数值:0.8, valueColor:AlwaysStoppedAnimation(颜色.紫色), ), 循环压缩机指示器( 数值:0.6, valueColor:AlwaysStoppedAnimation(颜色.绿色), ),

以下是我想要达到的目标

我正在查看循环百分比指示器库,但它不提供此功能

以下是本机Android开发的实现


但是如何将其移植到颤振?

您可以通过使用
堆栈
小部件实现此效果,它将允许您将两个指示器放置在相同的位置,从而实现重叠效果:

堆栈(
儿童:[
循环压缩机指示器(
数值:0.8,
valueColor:AlwaysStoppedAnimation(颜色.紫色),
),
循环压缩机指示器(
数值:0.6,
valueColor:AlwaysStoppedAnimation(颜色.绿色),
),
]
);
试试这个, 图书馆


谢谢你的回答,但我希望同一进度条有两种颜色以及不同的背景颜色。这不是一条简单的道路。我已经找到了一个原生Android解决方案,但不知道如何将其移植到Flutter
        new CircularPercentIndicator(
                radius: 130.0,
                animation: true,
                animationDuration: 1200,
                lineWidth: 15.0,
                percent: 0.4,
                center: Center(
                       child: Icon(Icons.location_on),
                        ),
                circularStrokeCap: CircularStrokeCap.butt,
                backgroundColor: Colors.deepPurple,
                progressColor: Colors.green,
              ),