zeba_academy_badge_kit 0.1.0
zeba_academy_badge_kit: ^0.1.0 copied to clipboard
A lightweight, customizable Flutter badge package supporting dot badges, counters, animations, and position control for any widget.
Zeba Academy Badge #
A lightweight, customizable Flutter badge package supporting notification counters, dot badges, animated updates, and position control for any widget.
⨠Features #
- š Notification counter badges
- š“ Dot badges
- š Position customization (topLeft, topRight, bottomLeft, bottomRight)
- š¬ Smooth scale animations on updates
- šÆ Works with any widget (icons, avatars, buttons)
- ā” Lightweight & easy to integrate
š¦ Installation #
Add this to your pubspec.yaml:
dependencies:
zeba_academy_badge: ^0.1.0
Then run:
flutter pub get
š Usage
š Counter Badge
import 'package:flutter/material.dart';
import 'package:zeba_academy_badge/zeba_academy_badge.dart';
ZebaBadge(
count: 5,
child: Icon(Icons.notifications),
);
š“ Dot Badge
ZebaBadge(
showDot: true,
child: Icon(Icons.message),
);
š Position Control
ZebaBadge(
count: 10,
position: BadgePosition.topLeft,
child: Icon(Icons.email),
);
šØ Custom Styling
ZebaBadge(
count: 99,
style: ZebaBadgeStyle(
color: Colors.green,
textColor: Colors.white,
borderRadius: 12,
),
child: Icon(Icons.shopping_cart),
);
š Parameters
Parameter Description
count Number to display in badge
showDot Shows small dot instead of number
position Badge position on widget
style Customize color, padding, text style
maxCount Maximum display value (e.g. 99+)
animationDuration Animation speed
š± Example
ZebaBadge(
count: 120,
maxCount: 99,
child: Icon(Icons.notifications_active),
);
š§ Use Cases
Chat apps (unread messages)
E-commerce carts
Notifications system
Social media apps
Dashboard alerts
šØāš» About Me
⨠Iām Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.
You can learn more about me and my work at sufyanism.com or connect with me on Linkedin
š Zeba Academy
Your all-in-one learning hub!
š Explore courses and resources in coding, tech, and development at zeba.academy and code.zeba.academy. Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience. Level up your tech game today! š»āØ
Zeba Academy is a learning platform dedicated to coding, technology, and development.
ā” Visit main site: https://zeba.academy
ā” Courses: https://code.zeba.academy
ā” YouTube: https://www.youtube.com/@zeba.academy
ā” Instagram: https://www.instagram.com/zeba.academy/
š License
This project is licensed under the GNU General Public License v3.0 (GPL-3.0).
You are free to:
Use
Modify
Distribute
Under the terms of GPL-3.0, any derivative work must also remain open-source under the same license.
See full license text here: https://www.gnu.org/licenses/gpl-3.0.html
ā Support
If you like this package, consider giving it a star ā on GitHub and contributing to improve it!