Flutter - 带进度条的圆形头像

Flutter - Circle Avatar with Progress Bar

我正在尝试实现以下输出。

我不知道如何执行此操作。这不是边界。我想根据用户完成个人资料的程度来更改这些值。如果您有任何想法，请告诉我。

最简单的方法是使用 percent_indicator，这个包有一个小部件，您可以将图像放入其中（如果不合适，请尝试使用 Stack）。

使用这个库

percent_indicator: ^4.0.0

这是例子

CircularPercentIndicator(
                radius: 100.0,
                lineWidth: 10.0,
                percent: 0.2,
                center: const CircleAvatar(
                  radius: 45, // Image radius
                  backgroundImage: NetworkImage('https://resize.indiatvnews.com/en/resize/newbucket/715_-/2020/02/srk-1582818093.jpg'),
                ),
                progressColor: Colors.green,
              )