将圆角边框添加到LinearProgressIndicator非常容易,但对于CircularProgressIndicator来说并不是这样,因为Flutter库中尚未提供支持。
有人在这里提出了这个问题,Flutter团队给出的解决方案在这里。
所以在这里我们可以为此问题提供一个干净和自定义的解决方案,即只需在默认CircularProgressIndicator类中添加..strokeCap = StrokeCap.round。
将CircularProgressIndicator和ProgressIndicator类的源代码复制到单独的文件中,并根据需要在_CircularProgressIndicatorPainter中添加strokeCap值。
你就完成了。你现在拥有了与上面图片中预期的指示器相同的指示器。
虽然有一些软件包可供使用,但如果您想手动完成,请查看此驱动器链接。我手动完成了此操作。您可以根据需要进行更改。[这里]