Circular Pulse

This Flutter package provides a Circular Pulse Widget with cool background glowing animation. Forked from https://pub.dev/packages/avatar_glow put re-published for control/stability

💻 Installation

In the dependencies: section of your pubspec.yaml, add the following line:

dependencies:
  circular_pulse: <latest version>

To use the latest changes:

  circular_pulse:
    git:
      url: https://github.com/ProfessorX737/circular_pulse
      ref: master

❔ Usage

Import this class

import 'package:circular_pulse/circular_pulse.dart';

Usage is simple. Circular Pulse is a widget offering different customizable optional parameters with child displayed at its center.

- Simple Implementation

CircularPulse(
 endRadius: 60.0,
 child: Material(     // Replace this child with your own
   elevation: 8.0,
   shape: CircleBorder(),
   child: CircleAvatar(
     backgroundColor: Colors.grey[100],
     child: Image.asset(
       'assets/images/dart.png',
       height: 50,
     ),
     radius: 30.0,
   ),
 ),
),

- Full Implementation

CircularPulse(
 glowColor: Colors.blue,
 endRadius: 90.0,
 duration: Duration(milliseconds: 2000),
 repeat: true,
 showTwoGlows: true,
 repeatPauseDuration: Duration(milliseconds: 100),
 child: Material(     // Replace this child with your own
   elevation: 8.0,
   shape: CircleBorder(),
   child: CircleAvatar(
     backgroundColor: Colors.grey[100],
     child: Image.asset(
       'assets/images/flutter.png',
       height: 60,
     ),
     radius: 40.0,
   ),
 ),
),

👍 Contribution

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -m 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request