volume_up和volume_down图标之间的转换

Question

从https://material.io/resources/icons/?style=baseline中获取两个图标volume_up和volume_down

我想获得与下面的gif相同的效果。

注意，我使用的是bloc架构，因此几乎所有内容都是无状态的，并且希望避免使用有状态的小部件。

动画应为无限持续时间。

我无法找出一种简单的方法来使用动画在无限循环中的两个图标之间进行本质上的交换（加号会产生很好的淡入/淡出效果）。

我曾考虑过使用计时器并在两个图标之间进行交换，但这对于[[应该是一种久经考验的功能来说，这似乎是一个相当基本的技巧。

有人有没有代码解决方案来实现gif所显示的内容，或者可以将我引向做相同事情的示例？

谢谢。

Answer 1

只需在图像之间使用AnimatedSwitcher开关，并通过计时器控制持续时间AnimatedSwitcher