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.

pub package likes popularity


✨ 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!