自定义 animation 在闪屏 | Flutter

Question

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?

Answer 1

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.

Answer 2

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

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

2. 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,
        ),