A modern programming language that makes developers happier.

kotlinlang

Untitled.kt

What is the proper way to animate text changes?  `Crossfade` cannot be use inside Row scope ((

`Crossfade` should work in RowScope, although it won't automatically change size for you. What is your use case?

Consider adding `Modifier.animateContentSize` to either `Crossfade` or `Row` if you need the size change to be animated.

<@UNH9ZT3NZ> Yep. You are right. My mistake. It is wrong import of Crossfade.  Should be `Crossfade(targetState = …)`

Screen Shot 2021-12-28 at 16.48.58.png

Screen Recording 2021-12-28 at 16.46.03.mov

<@UNH9ZT3NZ> I am trying to use crossfade to animate text change but the second text, being shorter then the first, makes a jump to be centered at the end of the animation, i would like it to be centered just like the first text.
How can i prevent that?

Sorry for the late reply. You'd need to specify content alignment for the text such that they fade in/out while being center aligned. `Crossfade` doesn't currently support that, but you could consider using `AnimatedContent` and leverage the `contentAlignment` parameter.

Oh ok cool, thank you i will try that!:pray: