Sparkling animation in flutter-CodePudding

I want to make a sparkling animation in flutter

Animation:

How to make this in flutter??

CodePudding user response：

I would suggest using Lottie animations. If you make a quick search you can find the one that matches your needs:

https://lottiefiles.com/search?q=star&category=animations

If you found the right now click on it and press download -> lottie.json and then install this package in flutter:

https://pub.dev/packages/lottie

Then you simply add the downloaded json animation in your asset folder and reference it like this:

Lottie.asset(
  'assets/LottieLogo1.json',
  width: 200,
  height: 200,
  fit: BoxFit.fill,
  animate: true,
  repeat: true
),

With this you have an beautiful repeating animation. You can also use an controller to adapt everything even more.

Basically you can also make an animation in after effect and export it as an json animation with the bodymovin plugin

CodePudding user response：

Use https://rive.app/ for creating animation for flutter applications. You can find many tutorials of creating animation in rive.app and integrating in flutter app.