my_toastify 0.0.1

A customizable toast notification system for Flutter. Supports banners, snackbars, and advanced styling.

example/lib/main.dart

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

void main() => runApp(const ToastifyDemoApp());

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Toastify Demo',
      theme: ThemeData(useMaterial3: true, colorSchemeSeed: Colors.blue),
      home: const ToastDemoPage(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Toastify Demo')),
      body: Center(
        child: SingleChildScrollView(
          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 20),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // ✅ Basic Toast (Top Snackbar)
              ElevatedButton(
                onPressed: () {
                  Toastify.show(
                    context: context,
                    title: "Success",
                    message: "Data saved successfully!",
                    type: ToastType.success,
                    position: ToastPosition.top,
                    style: ToastStyle.snackBarStyle,
                    duration: const Duration(seconds: 3),
                  );
                },
                child: const Text("Show Top Snackbar Toast"),
              ),

              const SizedBox(height: 20),

              // ✅ Basic Toast (Bottom Snackbar)
              ElevatedButton(
                onPressed: () {
                  Toastify.show(
                    context: context,
                    title: "Failed",
                    message: "Failed to save data!",
                    type: ToastType.error,
                    position: ToastPosition.bottom,
                    style: ToastStyle.snackBarStyle,
                    duration: const Duration(seconds: 3),
                  );
                },
                child: const Text("Show Bottom Snackbar Toast"),
              ),

              const SizedBox(height: 20),

              // ✅ Banner-style bottom toast
              ElevatedButton(
                onPressed: () {
                  Toastify.show(
                    context: context,
                    message: "New message received",
                    type: ToastType.info,
                    position: ToastPosition.bottom,
                    style: ToastStyle.bannerStyle,
                  );
                },
                child: const Text("Show Banner Toast at Bottom"),
              ),

              const SizedBox(height: 20),

              // ✅ Banner-style top toast
              ElevatedButton(
                onPressed: () {
                  Toastify.show(
                    context: context,
                    message: "New message received",
                    type: ToastType.info,
                    position: ToastPosition.top,
                    style: ToastStyle.bannerStyle,
                  );
                },
                child: const Text("Show Banner Toast on Top"),
              ),

              const Divider(height: 40, thickness: 1),

              // ✅ Toast with custom leading icon
              ElevatedButton(
                onPressed: () {
                  Toastify.show(
                    context: context,
                    title: "Download",
                    message: "Your file has started downloading",
                    type: ToastType.info,
                    position: ToastPosition.bottom,
                    style: ToastStyle.snackBarStyle,
                    leading: const Icon(
                      Icons.cloud_download_outlined,
                      color: Colors.white,
                      size: 28,
                    ),
                    duration: const Duration(seconds: 4),
                  );
                },
                child: const Text("Show Toast with Custom Leading Icon"),
              ),

              const SizedBox(height: 20),

              // ✅ Toast with action button
              ElevatedButton(
                onPressed: () {
                  Toastify.show(
                    context: context,
                    title: "Undo Delete",
                    message: "Your file was deleted.",
                    type: ToastType.warning,
                    position: ToastPosition.bottom,
                    style: ToastStyle.snackBarStyle,
                    action: TextButton(
                      onPressed: () {
                        ScaffoldMessenger.of(context).showSnackBar(
                          const SnackBar(content: Text("Undo Clicked")),
                        );
                      },
                      child: const Text(
                        "UNDO",
                        style: TextStyle(color: Colors.white),
                      ),
                    ),
                    duration: const Duration(seconds: 5),
                  );
                },
                child: const Text("Show Toast with Action Button"),
              ),

              const SizedBox(height: 20),

              // ✅ Toast with custom leading + action together
              ElevatedButton(
                onPressed: () {
                  Toastify.show(
                    context: context,
                    title: "Update Available",
                    message: "A new version is ready to install.",
                    type: ToastType.info,
                    position: ToastPosition.top,
                    style: ToastStyle.bannerStyle,
                    leading: const Icon(
                      Icons.system_update_alt_outlined,
                      color: Colors.white,
                    ),
                    action: TextButton(
                      onPressed: () {
                        ScaffoldMessenger.of(context).showSnackBar(
                          const SnackBar(content: Text("Update started...")),
                        );
                      },
                      child: const Text(
                        "UPDATE",
                        style: TextStyle(color: Colors.white),
                      ),
                    ),
                    duration: const Duration(seconds: 6),
                  );
                },
                child: const Text("Show Toast with Leading + Action"),
              ),

              const Divider(height: 40, thickness: 1),

              // ✅ Toast with custom border color
              ElevatedButton(
                onPressed: () {
                  Toastify.show(
                    context: context,
                    title: "Custom Border",
                    message: "This toast has a white border outline.",
                    type: ToastType.info,
                    position: ToastPosition.bottom,
                    style: ToastStyle.snackBarStyle,
                    borderColor: Colors.white,
                    duration: const Duration(seconds: 4),
                  );
                },
                child: const Text("Show Toast with Border Color"),
              ),

              const SizedBox(height: 20),

              // ✅ Toast with custom shadow
              ElevatedButton(
                onPressed: () {
                  Toastify.show(
                    context: context,
                    title: "Custom Shadow",
                    message: "This toast has a custom soft shadow.",
                    type: ToastType.success,
                    position: ToastPosition.top,
                    style: ToastStyle.snackBarStyle,
                    boxShadow: [
                      BoxShadow(
                        color: Colors.black.withValues(alpha: 0.5),
                        blurRadius: 20,
                        spreadRadius: 4,
                        offset: const Offset(0, 6),
                      ),
                    ],
                    duration: const Duration(seconds: 4),
                  );
                },
                child: const Text("Show Toast with Custom Shadow"),
              ),
            ],
          ),
        ),
      ),
    );
  }
}