Flash Message

A lightweight Flash Message (toast/notification) package for Flutter. Simple to use, highly customizable.

Features

  • 🎯 Easy to use
  • 🎨 4 built-in styles
    • Success (green)
    • Error (red)
    • Info (blue)
    • Warning (orange)
  • 📍 3 positions
    • Top
    • Center
    • Bottom
  • ⚡ Smooth animations
  • 🔄 Auto-dismiss
  • 👆 Tap actions

Quick Start

  1. Wrap your app with FlashMessageOverlay:
MaterialApp(
  home: FlashMessageOverlay(
    child: MyApp(),
  ),
)
  1. Show a message from anywhere:
FlashMessageService().showMessage(
  message: 'Hello World!',
  description: 'This is a flash message',
  type: FlashMessageType.success,
);

Custom Position

FlashMessageOverlay(
  position: FlashMessagePosition.bottom,
  child: MyApp(),
)

Customization

FlashMessageService().showMessage(
  message: 'Custom Style',
  backgroundColor: Colors.purple,
  textColor: Colors.white,
  duration: Duration(seconds: 5),
  icon: Icons.star,
);

Message Types

  • FlashMessageType.success
  • FlashMessageType.error
  • FlashMessageType.info
  • FlashMessageType.warning

Positions

  • FlashMessagePosition.top
  • FlashMessagePosition.center
  • FlashMessagePosition.bottom

Properties

Property Type Default Description
message String required Main message
description String? null Additional details
type FlashMessageType info Message style
duration Duration 3 seconds Show duration
backgroundColor Color? null Custom background
textColor Color? null Custom text color
icon IconData? null Custom icon
onTap Function? null Tap callback

Full Demo:

flash-full-demo.gif

Libraries

flash_message
A library for displaying flash messages in the application.