Lottie Compose: crea animaciones en aplicaciones modernas. | Por Rodrigo Guilo | Marzo 2022
○ Lotte sí Biblioteca Conocido por proporcionar animaciones para varias plataformas (móvil y web).
Con la popularización escribe En el mundo nativo de Android, Lottie también es compatible con esta tecnología, y te mostraré lo fácil que es usarla a continuación.
En este tutorial mostraré una animación de carga de pantalla con un archivo json, suelo usar archivo de lotería Busque animaciones compatibles con la lotería:
No olvides guardarlo como JSON Utilice este tutorial:
Para simplificar las cosas, creé un nuevo proyecto en Android Studio con el lienzo de redacción predeterminado:
Establecer do lottie componer no gradle:
dependencies {
// outras dependencias
implementation "com.airbnb.android:lottie-compose:4.1.0"
}Importar json al proyecto:
Después de eso, puedo usarlo en mi pantalla con el siguiente código:
@Composable
fun LoadingScreen() {
val animation by rememberLottieComposition(
spec = LottieCompositionSpec.RawRes(
R.raw.loading_paperplane
)
)
LottieAnimation(
composition = animation,
iterations = LottieConstants.IterateForever
)
}Ya puedo llamar a esta función componible en mi pantalla y obtengo este resultado:
¿Simple verdad? al siguiente.
