flutter_loading_animation_kit 0.0.2

A flutter package which contains a set of beautiful and creative loading animations.

flutter_loading_animation_kit

This package contains a set of loading animation kit which is implemented purely in dart and custom canvas. No third party assets are used.

Package under development.

The package is still under development. Use it with caution because there may be breaking changes in the future.

Gallery

Getting started

Depend on it

Run this command:

With Flutter:

flutter pub add flutter_loading_animation_kit

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

  dependencies:
    flutter_loading_animation_kit: ^latest version

Import it

import 'package:flutter_loading_animation_kit/flutter_loading_animation_kit.dart';

Usage

Import it

import 'package:flutter_loading_animation_kit/flutter_loading_animation_kit.dart';

Then add a widget provided by this package

Scaffold(
  body: Center(
    child: FourCirclePulse(),
  ),
)

You can also tweak various properties to modify the widget to your choice.

Scaffold(
  body: Center(
    child: FourCirclePulse(
      circleColor: Colors.blue, //The color of the circles
      dimension: 48.0, // The size of the widget.
      turns: 2, //Turns in each loop
      loopDuration: const Duration(seconds: 1), // Duration of each loop
      curve: Curves.linear, //Curve of the animation
    ),
  ),
)

In case you can't remember the loading widgets name, there is a class which provides all the loading animations via static methods.

Scaffold(
  body: Center(
    child: LoadingAnimationKit.fourCirclePulse(
      circleColor: Colors.blue, //The color of the circles
      dimension: 48.0, // The size of the widget.
      turns: 2, //Turns in each loop
      loopDuration: const Duration(seconds: 1), // Duration of each loop
      curve: Curves.linear, //Curve of the animation
    ),
  ),
)

How to contribute

• Fork the repo
• Create a new brunch
• Do what you want
• Commit changes
• Open pull request

NB: Try to follow the original code style. Study the existing classes and methods before editing. If you need to ask anything, contact me at [e-mail]