drawing_animation is a Dart package that can gradually paint SVG path objects on a canvas.
In this example, we will try to animate the drawing of the potion below.

Add the dependency to pubspec.yaml before using the code below.
drawing_animation: ^0.1.4
import 'package:flutter/material.dart'; import 'package:drawing_animation/drawing_animation.dart'; class DrawingAnimationPage extends StatefulWidget { @override _DrawingAnimationPageState createState() => _DrawingAnimationPageState(); } class _DrawingAnimationPageState extends State<DrawingAnimationPage> { bool _run = true; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Draw a Potion SVG'), ), body: Center( child: AnimatedDrawing.svg( "assets/potion.svg", run: _run, duration: new Duration(seconds: 3), onFinish: () => setState(() { _run = false; }), ), ), ); } }