Lottie Animation in Flutter (The right way)| Flutter animations Tutorial [2022]

Learn how to add amazing Lottie animations into your apps in just 5 minutes.
Animations -
1. Wifi Animation - lottiefiles.com/85410-wifi
2. Loading Animation - lottiefiles.com/8572-liquid-b...
Related Tutorials -
Meditation App Speed Code - • Meditation App UI from...
Adaptive Theming in Flutter - • How to add Dark mode i...
Source code available - github.com/Flutter-ui-dev/Flu...
Socials
Instagram - / flutteruidev
Twitter - / ui_flutter
Email - [e-mail]
00:00 Intro
00:09 Lottie Website
00:30 Project Setup
01:20 Using Lottie Network
02:20 Using Lottie Asset
03:20 Control Animation using Animation Controller
#lottie #flutter #flutterdev #animation

[@flutteruidev]

Animations -
1. Wifi Animation - lottiefiles.com/85410-wifi
2. Loading Animation - lottiefiles.com/8572-liquid-b...
Related Tutorials -
Meditation App Speed Code - czcams.com/video/mepaQ_LRJeU/video.html
Adaptive Theming in Flutter - czcams.com/video/dyVAQBcsILA/video.html
Source code available - github.com/Flutter-ui-dev/Flu...
Socials
Instagram - instagram.com/flutteruidev/
Twitter - twitter.com/ui_flutter
Email - [e-mail]

[@mohammedsolyman3891]

excellent

[@mustafakhetran830]

HI can you tell me how to add a delay to the animation for example I want to use it for my splash screen and want the animation to run after 250 milliseconds and than go to the homepage

[@flutteruidev]

Create a splash screen widget, with same align as native splash , inside this widget add delay before you push to home screen

[@PriyamSrivastava]

what extension are you using for the fluid cursor movement

[@flutteruidev]

Go to your vs-code setting (UI), search for cursor and check the box where it says Cursor Smooth Caret Animation

[@bloodwinggamer1444]

Bro plz replay I have doubt while installing lottie code through terminal it is showing expected to find project root in current working directory

[@bloodwinggamer1444]

I am waiting for u r reply

[@flutteruidev]

You just need to add the lottie package into your pubspec.yaml and just run pug get

[@mithuns8410]

Could you share your Macbook Configuration?

[@flutteruidev]

M1 Macbook Pro 13 - 8, 512 GB

[@mithuns8410]

@@flutteruidev is that sufficient for flutter and android studio development? 8GB is fine?

[@flutteruidev]

Yes @@mithuns8410

[@mithuns8410]

@@flutteruidev i was planning for 16GB ram