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);
});
}
Please file feature requests and bugs at the issue tracker.
Add this to your package's pubspec.yaml file:
dependencies:
dart_toast: "^0.1.1"
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.
Now in your Dart code, you can use:
import 'package:dart_toast/dart_toast.dart';
Version | Uploaded | Documentation | Archive |
---|---|---|---|
0.1.1 | Nov 30, 2017 |
|
|
0.1.0 | Nov 20, 2017 |
|
|
We analyzed this package on Apr 23, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:
Popularity:
Describes how popular the package is relative to other packages.
[more]
|
66 | / 100 |
Health:
Code health derived from static analysis.
[more]
|
99 | / 100 |
Maintenance:
Reflects how tidy and up-to-date the package is.
[more]
|
100 | / 100 |
Overall score:
Weighted score of the above.
[more]
|
83 |
Detected platforms: web
Primary library:
package:dart_toast/dart_toast.dart
with components:html
.
The description is too short.
Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.
Package is pre-v1 release.
While there is nothing inherently wrong with versions of
0.*.*
, it usually means that the author is still experimenting with the general direction API.
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 usedart_toast.dart
.
Fix analysis and formatting issues.
Analysis or formatting checks reported 1 hint.
Run
dartfmt
to formatlib/src/dart_toast_base.dart
.
Package | Constraint | Resolved | Available |
---|---|---|---|
Direct dependencies | |||
Dart SDK | >=1.20.1 <2.0.0 | ||
css_animation | ^0.1.8 | 0.1.8 | |
Dev dependencies | |||
browser | ^0.10.0 | ||
dart_to_js_script_rewriter | ^1.0.3 |