在Jetpack Compose中使用LottieAnimation作为图标

Question

有没有办法在Jetpack Compose中使用LottieAnimation来使用JSON动画文件作为交互元素，例如待办事项列表的勾选框，以便在单击时进行动画处理？

我目前有一个带图标的行和一个包含标题和副标题的列。我希望这个图标具有Lottie动画效果。

- Caped Crusader

Answer 1

您可以使用 LottieAnimation 组合控件。

类似于以下内容：

var isPlaying by remember { mutableStateOf(false) }

val composition by rememberLottieComposition(LottieCompositionSpec.RawRes(R.raw.heart))
val progress by animateLottieCompositionAsState(
    composition,
    isPlaying = isPlaying,
)

Row(verticalAlignment = Alignment.CenterVertically) {
    LottieAnimation(
        composition = composition,
        progress = { progress },
        modifier = Modifier.clickable{ isPlaying = !isPlaying }
    )

    Text("Title", )
}

- Gabriele Mariotti