Lottie Compose：如何无限循环动画

Question

我有一个只播放一次的Lottie动画，如何让它无限循环播放？

val composition by rememberLottieComposition(LottieCompositionSpec.RawRes(R.raw.search_animation))
LottieAnimation(composition = composition)

- Roberto Leinardi

Answer 1

更新 2023-09-05
现在有一个重载版本的LottieAnimation组合函数，它合并了LottieAnimation和animateLottieCompositionAsState参数。

LottieAnimation(
    composition,
    iterations = LottieConstants.IterateForever,
)

源代码：https://airbnb.io/lottie/#/android-compose?id=lottieanimation-overload 旧答案 你可以通过progress参数告诉Lottie无限循环播放动画。

val composition by rememberLottieComposition(LottieCompositionSpec.RawRes(R.raw.search_animation))
val progress by animateLottieCompositionAsState(composition = composition, iterations = LottieConstants.IterateForever)
LottieAnimation(
    composition = composition,
    progress = { progress },
)

来源: https://airbnb.io/lottie/#/android-compose?id=animatelottiecompositionasstate

- Roberto Leinardi

Answer 2

只是为了帮助那些将来偶然发现这篇文章的旅行者... 如今，情况变得更像这样：

LottieAnimation(
    composition = composition,
    iterations = LottieConstants.IterateForever,
    ...
    ```

- Marc

Answer 3

您只需在 XML 中为 LottieAnimationView 添加 app:lottie_loop="true" 即可。

- Emmanuel Peña Pereyra

---

这个问题特别针对Compose，而不是XML视图。 - Roberto Leinardi