我如何使用完全相同的设计在 flutter 中实现以下滑块 sleekbar

Question

我想在应用程序中实现完全相同的滑块小部件，我找到了很多包，但我想要相同的设计。

Answer 1

试试 CircularProgressIndicator：

CircularProgressIndicator(
              backgroundColor: Colors.redAccent,
              valueColor: AlwaysStoppedAnimation(Colors.green),
              strokeWidth: 10,
            ),

然后使用 Column 和 Stack，

Column
  Stack
    CircularProgressIndicator(),
    Text('50%'),
  Text('Nutrition'),

我如何使用完全相同的设计在 flutter 中实现以下滑块 sleekbar

how do i implement following slider sleekbar in flutter with exactly same design

dart

flutter

flutter-animation