Toastify #

A beautiful, customizable toast notification system for Flutter.
Supports banners, snackbars, custom icons, actions, and multiple stacking positions.

🖼️ Demo Preview #

[Toastify Demo]

🚀 Features #

• Overlay-based toast notifications
• Top or bottom stacking
• Two styles: snackBarStyle & bannerStyle
• Custom icons, actions, and colors
• Auto-dismiss with animation
• Multiple toasts at once
• Swipe-to-dismiss gesture

📦 Installation #

flutter pub add toastify

🧠 API Reference #

ToastDetails #

💡 Example Usage #

import 'package:flutter/material.dart';
import 'package:toastify/my_toastify.dart';

void main() {
  runApp(const ToastifyDemo());
}

class ToastifyDemo extends StatelessWidget {
  const ToastifyDemo({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('Toastify Example')),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              Toastify.show(
                context: context,
                title: 'Success',
                message: 'Profile updated successfully!',
                type: ToastType.success,
                position: ToastPosition.top,
                style: ToastStyle.bannerStyle,
              );
            },
            child: const Text('Show Toast'),
          ),
        ),
      ),
    );
  }
}

⚙️ Advanced Usage Examples #

✅ With Leading Icon #

Toastify.show(
  context: context,
  title: 'Upload Complete',
  message: 'Your photo has been uploaded successfully.',
  type: ToastType.success,
  position: ToastPosition.bottom,
  style: ToastStyle.snackBarStyle,
  leading: const Icon(Icons.check_circle, color: Colors.white),
);

🌫️ With Shadow #

Toastify.show(
  context: context,
  title: 'File Saved',
  message: 'Document saved to local storage.',
  type: ToastType.success,
  position: ToastPosition.bottom,
  style: ToastStyle.snackBarStyle,
  boxShadow: [
    BoxShadow(
      color: Colors.black.withOpacity(0.3),
      blurRadius: 10,
      offset: const Offset(0, 4),
    ),
  ],
);

🪄 With Action Button #

Toastify.show(
  context: context,
  title: 'Undo Action',
  message: 'File deleted successfully.',
  type: ToastType.success,
  position: ToastPosition.bottom,
  style: ToastStyle.snackBarStyle,
  action: TextButton(
    onPressed: () {
      debugPrint('Undo pressed');
    },
    child: const Text('Undo', style: TextStyle(color: Colors.white)),
  ),
);

💬 Without Title #

Toastify.show(
  context: context,
  message: 'Settings have been updated.',
  type: ToastType.info,
  position: ToastPosition.bottom,
  style: ToastStyle.snackBarStyle,
);

❤️ Author #

Created by Thant Zin

• GitHub Home: https://github.com/tz-thantzin
• Repository: https://github.com/tz-thantzin/toastify

Copyright (©️) 2025 Thant Zin