zeba_academy_snackbar_plus
A powerful and customizable Flutter snackbar package with beautiful animations, queue management, action buttons, top/bottom positioning, and modern UI support.
✨ Features
✅ Custom snackbar styles ✅ Top & bottom positioning ✅ Action buttons ✅ Queue system support ✅ Smooth animated effects ✅ Easy-to-use API ✅ Overlay-based architecture ✅ Lightweight & performant ✅ Fully customizable ✅ Production ready
📸 Preview
| Top Snackbar | Bottom Snackbar |
|---|---|
| Modern animated snackbar | Smooth overlay snackbar |
🚀 Installation
Add this to your pubspec.yaml:
dependencies:
zeba_academy_snackbar_plus: latest_version
Then run:
flutter pub get
📦 Import
import 'package:zeba_academy_snackbar_plus/zeba_academy_snackbar_plus.dart';
🛠 Basic Usage
SnackbarController.show(
context,
SnackbarConfig(
message: 'Profile updated successfully!',
),
);
🎨 Custom Snackbar
SnackbarController.show(
context,
SnackbarConfig(
message: 'Saved Successfully!',
backgroundColor: Colors.green,
textColor: Colors.white,
icon: Icons.check_circle,
position: SnackbarPosition.top,
actionLabel: 'UNDO',
onAction: () {
debugPrint('Undo clicked');
},
),
);
📍 Snackbar Position
Top Snackbar
position: SnackbarPosition.top,
Bottom Snackbar
position: SnackbarPosition.bottom,
🎬 Built-in Animations
The package includes smooth:
- Slide animation
- Fade animation
- Overlay transition effects
📋 Queue System
Multiple snackbars are automatically queued and displayed one after another.
SnackbarController.show(
context,
SnackbarConfig(
message: 'First Snackbar',
),
);
SnackbarController.show(
context,
SnackbarConfig(
message: 'Second Snackbar',
),
);
⚙️ SnackbarConfig Properties
| Property | Type | Description |
|---|---|---|
message |
String |
Snackbar message |
duration |
Duration |
Display duration |
backgroundColor |
Color |
Snackbar background |
textColor |
Color |
Message text color |
icon |
IconData? |
Optional icon |
position |
SnackbarPosition |
Top or bottom |
actionLabel |
String? |
Action button text |
onAction |
VoidCallback? |
Action callback |
margin |
EdgeInsets |
Outer spacing |
borderRadius |
BorderRadius |
Snackbar corners |
🧪 Testing
Run tests:
flutter test
Analyze package:
flutter analyze
📁 Project Structure
lib/
│
├── zeba_academy_snackbar_plus.dart
│
└── src/
├── animations/
├── controller/
├── enums/
├── models/
└── widgets/
🔥 Example
ElevatedButton(
onPressed: () {
SnackbarController.show(
context,
SnackbarConfig(
message: 'Welcome to Zeba Academy!',
backgroundColor: Colors.deepPurple,
icon: Icons.school,
position: SnackbarPosition.top,
actionLabel: 'CLOSE',
),
);
},
child: const Text('Show Snackbar'),
)
🗺 Roadmap
Upcoming Features
- Swipe to dismiss
- Progress indicator
- Blur effects
- Multiple animation styles
- Theme presets
- Global configuration
- Snackbar stacking support
🤝 Contributing
Contributions are welcome!
Feel free to:
- Open issues
- Submit pull requests
- Suggest improvements
- Report bugs
📄 License
This project is licensed under the GPL License.
👨💻 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
🎓 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! 💻✨
🌐 Explore More
➡ Visit our main site: https://zeba.academy ➡ Explore hands-on courses and resources at: https://code.zeba.academy ➡ Check out our YouTube for more tutorials: https://www.youtube.com/@zeba.academy ➡ Follow us on Instagram: https://www.instagram.com/zeba.academy/
❤️ Support
If you like this package, please give it a ⭐ on GitHub and share it with the Flutter community.
Thank you for visiting!