Hi, How Can I animate a `Text` between two `TextS...

# compose

[Mohammad Sianaki]

Hi, How Can I animate a Text between two TextStyle ?

[Marko Novakovic]

recently I animated fontSize and color together:

val transition = updateTransition(targetState = isSelected, label = "")
    val color by transition.animateColor { selected ->
        if (selected) Color.Black else Color.LightGray
    }
    val fontSize by transition.animateInt { selected ->
        if (selected) 24 else 16
    }
Text(
            text = label,
            fontSize = fontSize.sp,
            color = color,
        )

something like this

[Marko Novakovic]

maybe that can help you

[Marko Novakovic]

OR you can maybe use AnimatedContent with and define some custom animation

[Mohammad Sianaki]

thanks, any idea how to animate beween two material typography?

[Marko Novakovic]

AnimatedContent is the only thing that comes to mind right now

[Marko Novakovic]

or you can create your own custom animation and provide

TwoWayConverter

[Marko Novakovic]

am not aware of that exiting out of the box