设计包含不同动态零件和动画的Flutter小部件

Question

了解CustomPainter之后，我构建了一个小部件，如图片中的小部件：

为此，我只需要使用CustomPaint小部件和画家绘制不同的圆弧（canvas.drawArc）。

现在，如您在图像中所看到的，我需要给小部件带来一些生气。 首先，我需要能够使每个圆弧彼此独立地旋转（例如，用所有绿色圆弧制成的圆环），另一方面，我需要能够独立地更改任何圆弧的颜色和宽度。

我面临的主要问题是，我需要同时运行一些动画（例如3个弧线绑定可以同时旋转），我真的不知道应该在哪里放置动画控制器和最重要的是如何在需要时使自定义画家重新绘画。

我一直在考虑的一个方法是创建一个名为RingOfArcs的小部件，并将我需要的3个部件堆叠到一个堆叠小部件中。 这样，我可以控制旋转等操作，只需将每个旋转控件周围都带有变换小部件即可。 但是，我想创建一些更开放的东西。 我的意思是，我希望有一个可以配置多个环的窗口小部件，传递包含和角度的弧，然后可以使用类似这样的东西：widget.rotateRing（0，90º）。 并让小部件处理所有事情。

如果没有大型的animcontroler，小部件和画布，有没有办法做到这一点呢？ 而且更重要的是，对于在圆弧宽度/颜色等环上变化的任何参数，我是否必须重建所有小部件以强制重绘？