kotlinlang #lottie

val startComposition by rememberLottieComposition(
        spec = LottieCompositionSpec.RawRes(R.raw.barmer_loading_spinner_start),
    )

    val animatable: LottieAnimatable = rememberLottieAnimatable()
    LaunchedEffect(key1 = Unit) {
        animatable.animate(
            composition = startComposition,
            iteration = 1,
        )
    }

    Column(
        horizontalAlignment = Alignment.CenterHorizontally,
    ) {
        LottieAnimation(
            modifier = Modifier
                .size(48.dp)
                .then(modifier),
            composition = animatable.composition,
            progress = animatable.progress,
        )
        Text(
            modifier = Modifier
                .padding(16.dp)
                .then(modifier),
            text = "Progress ${animatable.progress}",
        )
    }

This results in progress not changing from 0.0 and the animation not playing

It works great if I just do this:

val startComposition by rememberLottieComposition(
        spec = LottieCompositionSpec.RawRes(R.raw.barmer_loading_spinner_start),
    )
    val startProgress by animateLottieCompositionAsState(
        composition = startComposition,
        iterations = 1,
    )

    Column(
        horizontalAlignment = Alignment.CenterHorizontally,
    ) {
        LottieAnimation(
            modifier = Modifier
                .size(48.dp)
                .then(modifier),
            composition = startComposition,
            progress = startProgress,
        )
        Text(
            modifier = Modifier
                .padding(16.dp)
                .then(modifier),
            text = "Progress $startProgress",
        )
    }

I got it working now, looks like using the

key1=Unit

is the issue, if I use the composition as key then it works

View count: 3