animated_toast 1.0.3 copy "animated_toast: ^1.0.3" to clipboard
animated_toast: ^1.0.3 copied to clipboard

A Flutter package for displaying animated toast messages.

Animated Toast for Flutter #

Animated Toast is a Flutter package that provides highly customizable and animated toast messages for your Flutter applications.

Preview #

https://github.com/user-attachments/assets/f8ee5890-3ca0-4463-b84b-9383e7b4023a

with simple animation

https://github.com/user-attachments/assets/54629dd1-cd9c-4bfd-9adf-a66f28f5870e

πŸš€ Features #

  • 🎨 Fully customizable in appearance and behavior.
  • πŸ”„ Smooth animations with configurable directions (top, bottom, left, right).
  • πŸ“ Flexible positioning on the screen.
  • ⏳ Configurable display duration.
  • πŸ› οΈ Easy to implement and use.

πŸ“¦ Installation #

Add the following dependency to your pubspec.yaml file:

dependencies:
  animated_toast: <version>

Then, run the following command to install the package:

flutter pub get

πŸ“ Usage #

Import the package in your Dart file:

import 'package:animated_toast/animated_toast.dart';

Show a Toast #

AnimatedToast.show(
  context: context,
  messageData: MessageData(
    title: 'Success',
    subtitle: 'Operation completed successfully.',
  ),
);
AnimatedToast.simpleAnimation(
  context: context,
  messageData: MessageData(
    title: 'Success',
    subtitle: 'Operation completed successfully.',
  ),
);

Advanced Options #

You can customize the position, style, and duration of the toast:

AnimatedToast.show(
  context: context,
  messageData: MessageData(
    title: 'Warning',
    subtitle: 'Check the details before proceeding.',
  ),
  position: AnimatedToastPosition(top: true),
  animationAlignment: AnimatedToastStartOf.bottom,
  duration: AnimatedToastDuration(
    begin: Duration(milliseconds: 500),
    displayDuration: Duration(seconds: 1),
  ),
);

πŸ“Œ AnimatedToast API #

Methods: #

  • AnimatedToast.show: Displays an animated toast message
  • AnimatedToast.simpleAnimation: Displays a simple animated toast message without the first animation.

Parameters: #

  • context (required): Context in which the toast will be displayed.
  • messageData (required): Content of the toast message.
  • position (optional): Position on the screen.
  • size (optional): Size of the toast.
  • animationAlignment (optional): Animation start direction (default: AnimatedToastStartOf.top).
  • style (optional): Custom style.
  • duration (optional): Animation duration (default: 300ms).
  • onDismiss (optional): Callback that is called when the toast is dismissed.

🀝 Contributions #

Contributions are welcome! If you have ideas or improvements, open an issue or submit a pull request on GitHub.

πŸ“œ License #

This project is licensed under the MIT License. See the LICENSE file for more details.

πŸ“¬ Contact #

For questions or suggestions, contact us at [richardoficial2020@gmail.com].

0
likes
150
points
34
downloads

Publisher

verified publisherrickxdev.blogspot.com

Weekly Downloads

A Flutter package for displaying animated toast messages.

Repository (GitHub)
View/report issues

Topics

#animated-toast #toast #flutter #animation #snackbar

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on animated_toast