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

Question

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.

question from:https://stackoverflow.com/questions/66050245/how-to-fade-a-widgets-color-text-and-icon-to-a-different-page-while-the-hero-a

Answer 1

Waitting for answers