motion_toast 1.0.0 copy "motion_toast: ^1.0.0" to clipboard
motion_toast: ^1.0.0 copied to clipboard

outdated

A beautiful designed toast with animations, contains multiple built in designs and let you design your toast

Motion Toast #

MOTION TOAST.gif

A new well designed toast with animations and multiple built-in types

success_toast.gif warning_toast.gif error_toast.gif
info_toast.gif delete_toast.gif custom_toast.gif

Features #

  • Animated toasts with animated icons
  • Built-in types (Success, Warning, Error, Info, Delete)
  • Possibility to design your own toast
  • Support null safety
  • Heartbeat animations
  • Full customized text

Getting Started #

In order to add motion toast to your project add this line to your pubspec.yaml file

dependencies:
 motion_toast: ^1.0.0

Or you can reference the main repository directly by adding those lines

dependencies:
 motion_toast:
	 git: https://github.com/koukibadr/Motion-Toast.git
 

Attributes #

Name Type Description Required Default Value
description String The description text true N/A
title String The toast title false empty string
descriptionStyle TextStyle The text style applied on the description text false TextStyle(color: Colors.black)
titleStyle TextStyle The text style applied on the title false TextStyle(color: Colors.black)
icon IconData The toast icon required when creating a custom toast otherwise you don't have to pass it N/A
color Color The motion toast background color (applied on the background, icon and side bar) required when creating a custom toast otherwise you don't have to pass it N/A
width double The motion toast width false 250
iconSize double The icon size false 40
iconType ICON_TYPE String The design type of the icon (Material design or Cupertino) values: ICON_TYPE.MATERIAL_DESIGN or ICON_TYPE.CUPERTINO false ICON_TYPE.MATERIAL_DESIGN
enableAnimation boolean Whether enable or disable the animation applied on the icon (heartbeat animation) false true

=> When creating you custom toast you don't have to use iconType it will not be used when rendering the toast

Implementation #

  • Success Motion Toast
 MotionToast.success(
		 title:  "Success Motion Toast",
		 titleStyle:  TextStyle(fontWeight:  FontWeight.bold),
		 description:  "Example of success motion toast",
		 descriptionStyle:  TextStyle(fontSize:  12),
		 width:  300,
).show(context);
  • Warning Motion Toast
 MotionToast.warning(
		 title:  "Warning Motion Toast",
		 titleStyle:  TextStyle(fontWeight:  FontWeight.bold),
		 description:  "This is a Warning"
).show(context);
  • Error Motion Toast
 MotionToast.error(
		 title:  "Error",
		 titleStyle:  TextStyle(fontWeight:  FontWeight.bold),
		 description:  "Please enter your name"
).show(context);
  • Info Motion Toast
 MotionToast.info(
		 title:  "Info Motion Toast",
		 titleStyle:  TextStyle(fontWeight:  FontWeight.bold),
		 description:  "Example of Info Toast"
).show(context);
  • Delete Motion Toast
 MotionToast.delete(
		 title:  "Deleted",
		 titleStyle:  TextStyle(fontWeight:  FontWeight.bold),
		 description:  "The item is deleted"
).show(context);
  • Custom Motion Toast To create your custom toast just use the default constructor, icon description and color are required
 MotionToast(
		 icon:  Icons.alarm,
		 color:  Colors.pink,
		 title:  "Custom Toast",
		 titleStyle:  TextStyle(fontWeight:  FontWeight.bold),
		 description:  "You can customize the toast!",
		 width:  300,
).show(context);

Contribution #

Of course the project is open source, and you can contribute to it repository link

  • If you found a bug, open an issue.
  • If you have a feature request, open an issue.
  • If you want to contribute, submit a pull request.
413
likes
0
pub points
97%
popularity

Publisher

verified publisherbadrkouki.dev

A beautiful designed toast with animations, contains multiple built in designs and let you design your toast

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on motion_toast