/animated_path

An Animated Widget for create path animation

Primary LanguageDartBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

Animated Path

An Animated Widget for create path animation

Showcase

Features

  • Support list of path
  • header for customise effect
  • fps for better performance

Getting started

import 'package:animated_path_builder/animated_path.dart';

Usage

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.