dart_toast 0.3.0

  • README.md
  • Installing
  • Versions
  • 73


Support for simple toast messages in Dart web apps.


First, be sure to include the CSS in your index.html file:

<link rel="stylesheet" href="packages/dart_toast/dart_toast.css">

A simple usage example:

import 'dart:html';

import 'package:dart_toast/dart_toast.dart';

void main() {
  document.getElementById('toast-btn').onClick.listen((_) {
    new Toast("Toast!", "A toasty toast.");

  document.getElementById('success-btn').onClick.listen((_) {
    new Toast.success(title: "Success!", message: "Misson accomplished.");

  document.getElementById('error-btn').onClick.listen((_) {
    new Toast.error(title: "Error!", message: "Misson failed.");

  document.getElementById('warning-btn').onClick.listen((_) {
    new Toast.warning(title: "Warning!", message: "Misson in jeopardy.");

  document.getElementById('info-btn').onClick.listen((_) {
    new Toast.info(title: "Info!", message: "Misson briefing complete.");

  document.getElementById('top-left-btn').onClick.listen((_) {
    new Toast("Top Left",  "Look at me!", position: ToastPos.topLeft);

  document.getElementById('top-right-btn').onClick.listen((_) {
    new Toast("Top Right",  "Look at me!", position: ToastPos.topRight);

  document.getElementById('bottom-left-btn').onClick.listen((_) {
    new Toast("Bottom Left",  "Look at me!", position: ToastPos.bottomLeft);

  document.getElementById('bottom-right-btn').onClick.listen((_) {
    new Toast("Bottom Right",  "Look at me!", position: ToastPos.bottomRight);

  document.getElementById('top-center-btn').onClick.listen((_) {
    new Toast("Top Center",  "Look at me!", position: ToastPos.topCenter);

  document.getElementById('bottom-center-btn').onClick.listen((_) {
    new Toast("Bottom Center",  "Look at me!", position: ToastPos.bottomCenter);

Features and bugs

Please file feature requests and bugs at the issue tracker.



  • Breaking: Renamed ToastType to MessageType.


  • Updating for Dart 2 release.


  • Updating for Dart 2.0.0-dev.65.


  • Toasts will no longer be removed while mouse cursor hovers over them.


  • Initial release.

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  dart_toast: ^0.3.0

2. Install it

You can install packages from the command line:

with pub:

$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:dart_toast/dart_toast.dart';
Version Uploaded Documentation Archive
0.3.0 Aug 30, 2018 Go to the documentation of dart_toast 0.3.0 Download dart_toast 0.3.0 archive
0.2.1 Jul 25, 2018 Go to the documentation of dart_toast 0.2.1 Download dart_toast 0.2.1 archive
0.2.0 Jun 26, 2018 Go to the documentation of dart_toast 0.2.0 Download dart_toast 0.2.0 archive
0.1.1 Nov 30, 2017 Go to the documentation of dart_toast 0.1.1 Download dart_toast 0.1.1 archive
0.1.0 Nov 20, 2017 Go to the documentation of dart_toast 0.1.0 Download dart_toast 0.1.0 archive
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

We analyzed this package on Jan 15, 2019, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.1.0
  • pana: 0.12.10


Detected platforms: web

Primary library: package:dart_toast/dart_toast.dart with components: html.

Health suggestions

Format lib/src/dart_toast_base.dart.

Run dartfmt to format lib/src/dart_toast_base.dart.

Maintenance issues and suggestions

Use constrained dependencies. (-20 points)

The pubspec.yaml contains 1 dependency without version constraints. Specify version ranges for the following dependencies: css_animation.

The description is too short. (-20 points)

Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

Maintain an example.

None of the files in your example/ directory matches a known example patterns. Common file name patterns include: main.dart, example.dart or you could also use dart_toast.dart. Packages with multiple examples should use example/readme.md.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev.69.0 <3.0.0
css_animation 0.2.1
Dev dependencies
build_runner ^0.9.2
build_web_compilers ^0.4.1