edge_alert 0.0.1 edge_alert: ^0.0.1 copied to clipboard
A Flutter package that shows alert from top or bottom of the screen .
import 'package:flutter/material.dart';
import 'package:edge_alert/edge_alert.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Edge Alert',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Edge Alert'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
final longDesc =
"This is very long description This is very long description This is very long description This is very long description This is very long description";
void _showAlert(bool isFromTop) {
EdgeAlert.show(context,
title: 'Title',
description: 'Description',
gravity: isFromTop ? EdgeAlert.TOP : EdgeAlert.BOTTOM);
}
void _colorfullAlert() {
EdgeAlert.show(context,
title: 'Title',
description: 'Description',
gravity: EdgeAlert.TOP,
backgroundColor: Colors.red);
}
void _longDescAlert() {
EdgeAlert.show(
context,
title: 'Title',
description: longDesc,
gravity: EdgeAlert.TOP,
);
}
void _differentIcon() {
EdgeAlert.show(
context,
title: 'Title',
description: 'Description',
gravity: EdgeAlert.TOP,
icon: Icons.disc_full
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
RaisedButton(
onPressed: () {
_showAlert(true);
},
child: Text('From Top'),
),
RaisedButton(
onPressed: () {
_showAlert(false);
},
child: Text('From Bottom'),
),
RaisedButton(
onPressed: () {
_colorfullAlert();
},
child: Text('Colorfull Alert'),
),
RaisedButton(
onPressed: () {
_longDescAlert();
},
child: Text('Long Description'),
),
RaisedButton(
onPressed: () {
_differentIcon();
},
child: Text('Different Icon'),
),
],
),
),
);
}
}