An Animated Widget for create path animation
- Support list of path
header
for customise effectfps
for better performance
import 'package:animated_path_builder/animated_path.dart';
First you need to create a list of Path
and create an AnimationController
to control the animation.
Here is a minimalist example.
AnimatedPath(
paths: (size) => createPath(size),
animation: animation,
color: Colors.black,
)
You can also add a header to create some effect with that animation.
AnimatedPath(
paths: (size) => createPath(size),
header: HeaderEffect(),
animation: animation,
color: Colors.black,
)
If performance is suffering due to overly complex paths, you can use fps
to control this.
AnimatedPath(
paths: (size) => createPath(size),
animation: animation,
color: Colors.black,
fps: 60,
)
Check example for more.