首页 > 解决方案 > 我如何以完全相同的设计在颤动中实现跟随滑块圆滑条

问题描述

在此处输入图像描述

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

标签: flutterdartflutter-animation

解决方案


试试 CircularProgressIndicator:

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

然后使用列和堆栈,

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

推荐阅读