Skip to content

Commit

Permalink
chore(misc): update README.md
Browse files Browse the repository at this point in the history
Signed-off-by: Ayush P Gupta <[email protected]>
  • Loading branch information
apgapg committed Dec 12, 2023
1 parent 4fb718c commit d022915
Showing 1 changed file with 30 additions and 30 deletions.
60 changes: 30 additions & 30 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
# Avatar Glow [![GitHub stars](https://img.shields.io/github/stars/apgapg/avatar_glow.svg?style=social)](https://github.com/apgapg/avatar_glow) [![Twitter Follow](https://img.shields.io/twitter/url/https/@ayushpgupta.svg?style=social)](https://twitter.com/ayushpgupta) ![GitHub last commit](https://img.shields.io/github/last-commit/apgapg/avatar_glow.svg) [![Website shields.io](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)](https://play.google.com/store/apps/details?id=com.coddu.flutterprofile)[![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/apgapg/avatar_glow)


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

Live Demo: [https://apgapg.github.io/avatar_glow/](https://apgapg.github.io/avatar_glow/)

# 💻 Installation
<img src="https://raw.githubusercontent.com/apgapg/avatar_glow/master/src/app.gif" height = "400" alt="PieChart">

## 💻 Installation
In the `dependencies:` section of your `pubspec.yaml`, add the following line:

[![Version](https://img.shields.io/pub/v/avatar_glow.svg)](https://pub.dartlang.org/packages/avatar_glow)
Expand All @@ -24,20 +25,18 @@ To use the latest changes:
ref: master
```

# ❔ Usage
## ❔ Usage

### Import this class
### Import

```dart
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.

<img src="https://raw.githubusercontent.com/apgapg/avatar_glow/master/src/app.gif" height = "400" alt="PieChart">

### Simple Implementation

### - Simple Implementation
```dart
AvatarGlow(
endRadius: 60.0,
Expand All @@ -56,40 +55,41 @@ AvatarGlow(
),
```

### - Full Implementation
### Full Implementation

```dart
AvatarGlow(
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,
),
),
startDelay: const Duration(milliseconds: 1000),
glowColor: Colors.white,
glowShape: BoxShape.circle,
animate: _animate,
curve: Curves.fastOutSlowIn,
child: const Material(
elevation: 8.0,
shape: CircleBorder(),
color: Colors.transparent,
child: CircleAvatar(
backgroundImage: AssetImage('assets/images/avatar.png'),
radius: 50.0,
),
),
),
```
# ⭐ My Flutter Packages

## ⭐ My Flutter Packages

- [json_table](https://pub.dartlang.org/packages/json_table) [![GitHub stars](https://img.shields.io/github/stars/apgapg/json_table.svg?style=social)](https://github.com/apgapg/json_table) Create Flutter Json Table from json map directly.
- [pie_chart](https://pub.dartlang.org/packages/pie_chart) [![GitHub stars](https://img.shields.io/github/stars/apgapg/pie_chart.svg?style=social)](https://github.com/apgapg/pie_chart) Flutter Pie Chart with cool animation.
- [search_widget](https://pub.dartlang.org/packages/search_widget) [![GitHub stars](https://img.shields.io/github/stars/apgapg/search_widget.svg?style=social)](https://github.com/apgapg/search_widget) Flutter Search Widget for selecting an option from list.
- [animating_location_pin](https://pub.dev/packages/animating_location_pin) [![GitHub stars](https://img.shields.io/github/stars/apgapg/animating_location_pin.svg?style=social)](https://github.com/apgapg/animating_location_pin) Flutter Animating Location Pin Widget providing Animating Location Pin Widget which can be used while fetching device location.

# ⭐ My Flutter Apps
## ⭐ My Flutter Apps

- [flutter_profile](https://github.com/apgapg/flutter_profile) [![GitHub stars](https://img.shields.io/github/stars/apgapg/flutter_profile.svg?style=social)](https://github.com/apgapg/flutter_profile) Showcase My Portfolio: Ayush P Gupta on Playstore.
- [flutter_sankalan](https://github.com/apgapg/flutter_sankalan) [![GitHub stars](https://img.shields.io/github/stars/apgapg/flutter_sankalan.svg?style=social)](https://github.com/apgapg/flutter_sankalan) Flutter App which allows reading/uploading short stories.

# 👍 Contribution
## 👍 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')
Expand Down

0 comments on commit d022915

Please sign in to comment.