有没有办法在flutter中对ElevatedButton.icon()的图标进行动画处理？

Question

我想在按下时为这个 ElevatedButton 的图标设置动画。 这个想法是让图标在按下 按钮后旋转几秒钟。

有人可以帮助我吗？

这是代码：

ElevatedButton.icon(
     onPressed: () {},
     icon: const Icon(Icons.sync),
     label: const Padding(
     padding: EdgeInsets.symmetric(horizontal: 8.0),
         child: Text("Sincronizza"),
     )
),

Answer 1

我不确定您可以在

ElevatedButton.icon

中做到这一点，但是，您可以使用

ElevatedButton

并在子项中进行一些更新来实现它。

示例：

                  ElevatedButton(
                      onPressed: () {},
                      child: const Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          /// animated this icon as you need OR You could use AnimatedIcon
                          Icon(Icons.sync),
                          Text('Sincronizza'),
                        ],
                      ),
                    )