Video on youtube explaining in detail how it works: https://www.youtube.com/watch?v=B0x0NjeZcG0
Article on medium explaining in detail how it works: https://medium.com/@FlavioAro/how-to-use-lottie-animations-in-just-3-minutes-in-flutter-b4b39925d076
Lottie is an open-source mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them natively on mobile. It is a great way to bring your designs to life and make your app more interactive and engaging.
In this tutorial, we will learn how to use Lottie animations in Flutter using the "lottie" library.
flutter pub add lottie
https://pub.dev/packages/lottie
Dart | Flutter | Lottie |
---|---|---|
2.17.3 | 3.0.2 | 1.4.2 |
https://lottiefiles.com/106405-energy-rocket
YouTube video where the source code is explained. Subscribe YouTube channel.
YouTube: @NerdAutodidata
Instagram: @FlavioAro
NerdAutodidata: @NerdAutodidata
LinkedIn: @FlavioAro
GitHub: @FlavioAro
Medium: @FlavioAro
Website: @FlavioAro