Custom animation in splash screen

I want to make a custom animated splash screen for a project in flutter. The output I want is like the one in this video, but I am almost new to animating in flutter and have no idea how to progress on this. Could someone help me?

CodePudding user response：

I would suggest checking the official documentation about animations at first. Also to achieve your desired output, I think lottie provides a good solution which you try out.

CodePudding user response：

Just turn you video .mp4 to .gif of .json Use online converters such as Lottie or many other. Then Do this;

Image.asset(
          "assets/your_animation.gif",
          height: 200,
        ),

In the case of lottie files, use this package lottie and import this package

..
import 'package:lottie/lottie.dart';
..
Lottie.asset(
          "assets/your_animation.json",
          height: 200,
        ),