Anybody can help in creating this animation in compose.

# compose

[Dhruv Sharma]

Anybody can help in creating this animation in compose.

Screenshare - 2023-05-18 4:46:33 PM.webm

[Tgo1014]

What did you try so far? 🙂

[Dhruv Sharma]

I done for Vertical bars but animation from top to bottom is not as bottom to top.

@Composable
fun getAnimate(targetValue : Float,time:Int,direction:Direction): Float{
    val infiniteTransition = rememberInfiniteTransition()
    val initial: Float
    val target: Float
    if (direction == Direction.DOWNTOUP){
        initial= 0f
        target =targetValue
    }else{
        initial = targetValue-((targetValue*40)/100)
        target = 0f
    }
    val animationProgress by infiniteTransition.animateFloat(

        initialValue = initial,
        targetValue = target,
        animationSpec = infiniteRepeatable(
            animation = tween(durationMillis = time)
        )
    )
    return animationProgress
}

[Dhruv Sharma]

But this is wrong

[Alejandro Rios]

Which app is that?

[andrew]

This might be something to use canvas for

[andrew]

Or use lottie

[Dhruv Sharma]

this i got from dribble i want to make this

[Colton Idle]

id probably go for lottie