What is the recommended way to show an AfterEffects animation on a Flutter app?

I tried using a .gif, but it's grainy and the quality is not good in the alpha channel.

CodePudding user response：

You can use Lottie package for this use case:

dependencies:
  lottie: ^1.4.3

Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them natively on mobile!

CodePudding user response：

You can use Rive, here is the website: https://rive.app/ , tutorial: https://www.youtube.com/watch?v=xGGcFp5j0lY&ab_channel=Rive, package: https://pub.dev/packages/rive

I think it's worth the time spend on it because they're specialized on this kind of animation services