How to fade a widget's color, text and icon to a different page while the hero animation is also occurring?

Viewed 197

I wish to animate a button between two pages. The button's color, text, icon, and screen position will all be changing. I wish to do a cross fade between the color, text, and icon while the button's position is also moving at the same time (and also in the reverse direction).

Essentially, I wish to combine an AnimatedCrossFade with a Hero.

How can I do this?

Currently, the position is changing over time as expected, and the button is also changing styles. However, the style (color, text, icon) is changing immediately as soon as I press the button - it is not fading between the two over time.

0 Answers
Related