如何在英雄动画发生的同时将小部件的颜色、文本和图标淡入不同的页面？

Question

我希望在两个页面之间制作一个按钮动画。按钮的颜色、文本、图标和屏幕位置都会发生变化。我希望在颜色、文本和图标之间进行交叉淡入淡出，同时按钮的位置也同时移动（并且也在相反的方向上）。

本质上，我希望将 AnimatedCrossFade 与 Hero 结合起来。

我怎样才能做到这一点？

目前，位置正如预期的那样随着时间的推移而变化，按钮的样式也在变化。然而，一旦我按下按钮，样式（颜色、文本、图标）就会立即改变 - 它不会随着时间的推移在两者之间消失。