Circle Avatar Flutter Glow

Circle Avatar Flutter Glow

Avatar Glow

GitHub stars Twitter Follow GitHub last commit Website shields.ioOpen Source Love

This Flutter package provides a Avatar Glow Widget with cool background glowing animation.

Live Demo: https://apgapg.github.io/avatar_glow/

💻 Installation

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

Version

dependencies:
  avatar_glow: <latest version>

❔ Usage

Import this class

import 'package:avatar_glow/avatar_glow.dart';

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

Circle Avatar Flutter Glow

– Simple Implementation

AvatarGlow(
 endRadius: 60.0,
 child: Material(
   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

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

⭐ My Flutter Packages

  • json_table GitHub stars Create Flutter Json Table from json map directly.
  • pie_chart GitHub stars Flutter Pie Chart with cool animation.
  • search_widget GitHub stars Flutter Search Widget for selecting an option from list.
  • animating_location_pin GitHub stars Flutter Animating Location Pin Widget providing Animating Location Pin Widget which can be used while fetching device location.

⭐ My Flutter Apps

👍 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

Source Code

Please Visit Circle Avatar Flutter Glow Source Code at GitHub