Why List rows never animate as expected?

I always have problems when trying to animate rows. At this moment I'm trying to add content to a row when the user taps over the cell (to show some details).

I'm using withAnimation and a @state variable to control when the extra content appears.

The problem is that the animation it's so weird. It's like the cell resize first without animation, then the current content starts moving from the center while the new content appears.

What I want is that the current content stays on top of the row while the added content appears from the bottom, making the cell higher.

Is there any way to really control transitions and animations when using List ?