#Lottie pub dev how to#
#Lottie pub dev install#

I mean i don't see the reason why you would want to use the url pathway as the file itself is relatively very small. You can add animation with the lottie animation url in the image above but i would not recommend doing that as it requires the internet to start up and we don't want our user to see errors when their network cannot load the animations. Import 'package:lottie/lottie.dart' underneathe the code import 'package:lottie/lottie.dart'

Now we are going to pick up where we left off in episode 1, Open your main.dart file and import the lottie package, It is as simple as typing.

#Lottie pub dev install#

Head to the install section or click on this link pub.dev/packages/lottie/install, the instructions to install it are pretty straight forward but in case you are having difficulty installing the package, leave a comment in the comment section and i will do an article on installing packages in flutter.It might not be 1.2.1 when you search it but as long as it is published by v you are good to go it should look like this and it is published by v,.Now after that, we can head to the discover section and search for any animation and you can download it, there are multiple formats to download lottie animations and yes they are all useful so you don't have to worry about making a wrong download choice. In our case, we are obviously developers.

#Lottie pub dev how to#

LottieFiles provides all the tools that you need to create, edit, test and display Lottie animations.Īnd they truly deliver on their words, it is lighter compared to gif and images you would download HOW TO START USING LOTTIEįirst things first, you would have to sign up at then you would choose if you are a designer, developer, etc. Lightweight, scalable animations for your website and apps. Here is an example of a lottie animation for shippingīefore we go into that, we need to know what lottie is? WHAT IS LOTTIEĪccording to their official website How about if those images were moving like a gif, Something like this Right now, you might be thinking they download images from the internet and use, Well you are right, they do use what you call svg, vector onboarding images but we dont want that, it's too simple. We have all seen something like this in Apps before. It is going to make your App look way cooler, you know I'm your plug for cool stuff in flutter and i promise to deliver, Trust me, it is worth the read Ok guy, Episode 2 of the flutter series is here and boy am i going to show you a neat trick today.