A modern programming language that makes developers happier.

kotlinlang

More questions!

I'm struggling to get my brain to understand animations in declarative land. I've been looking at the animation codelab which is helpful, but I'm still struggling.

Let's say I have some immutable composable and I want to animate changes to it whenever its recomposed with a new value. Is that possible? Is that something that you'd do at the immutable composable layer or at some wrapper layer?

You can do it right in the composable.
This video should help before reading the doc on it:
<https://youtu.be/7yY2OocGiQU|https://youtu.be/7yY2OocGiQU>

The video above is a great resource! And this tutorial too if you haven't already seen it: <https://developer.android.com/jetpack/compose/animation>

&gt; Let's say I have some immutable composable and I want to animate changes to it whenever its recomposed with a new value. Is that possible?
Yes
&gt;  Is that something that you'd do at the immutable composable layer or at some wrapper layer?
Both are valid. Let me find you some examples.

In the sample code <https://developer.android.com/reference/kotlin/androidx/compose/animation/package-summary#animatecolorasstate|here>, you can see a simple example where the composable itself contains the logic for how to interpret the incoming parameter to the composable (i.e. `ColorAnimation` composable) and convert that to a target color value, and animate that change. From the `Box`'s perspective in this example, the animation is done somewhere else, and it's just consuming the animation value.

<@UNH9ZT3NZ> Oh wow that kind of blows my mind! I would've thought that like since a new parameter is coming in we wouldn't be able to animate based off that because we're rebuilding the composable, state and all. But this is perfect, thank you!

Haha, it is a new parameter, but the animation composable is stateful - it creates an animation object and positionally memoizes the animation object. So all the incoming target value changes (through the animation composable) are applied to the same animation object that already tracks the value and velocity change. :slightly_smiling_face: