user-interface - 在volume_up和volume_down图标之间过渡

Question

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

我想达到与下面的gif相同的效果。



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

动画应为无限持续时间。

我想不通一种简单的方法来使用动画在无限循环中的两个图标之间进行交换(加号会产生很好的淡入/淡出效果)。

我考虑过使用Timer并在两个图标之间进行交换，但这似乎是一个相当基本的技巧，应具有经过验证的功能。

有没有人有一个代码解决方案来实现gif所显示的内容，或者可以指出一个执行相同操作的示例？

谢谢。

Answer 1

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