A Styled Toast Flutter package.
You can highly customize toast ever.
Beautify toast with a series of animations and make toast more beautiful.
dependencies:
flutter_styled_toast: ^1.3.2
import 'package:flutter_styled_toast/flutter_styled_toast.dart';
StyledToast(
locale: const Locale('en', 'US'), //You have to set this parameters to your locale
textStyle: TextStyle(fontSize: 16.0, color: Colors.white),
backgroundColor: Color(0x99000000),
borderRadius: BorderRadius.circular(5.0),
textPadding: EdgeInsets.symmetric(horizontal: 17.0, vertical: 10.0),
toastPositions: StyledToastPosition.bottom,
toastAnimation: StyledToastAnimation.fade,
reverseAnimation: StyledToastAnimation.fade,
curve: Curves.fastOutSlowIn,
reverseCurve: Curves.fastLinearToSlowEaseIn,
duration: Duration(seconds: 4),
animDuration: Duration(seconds: 1),
dismissOtherOnShow: true,
movingOnWindowChange: true,
child: MaterialApp(
title: appTitle,
showPerformanceOverlay: showPerformance,
home: LayoutBuilder(
builder: (BuildContext context, BoxConstraints constraints) {
return MyHomePage(
title: appTitle,
onSetting: onSettingCallback,
);
},
),
),
);
//general use
showToast("hello styled toast");
// Customize toast content widget
showToastWidget(Text('hello styled toast'));
DefaultToastWidget
|
FadeAnim
|
SlideFromTopAnim
|
SlideFromBottomAnim
|
SlideFromLeftAnim
|
SlideFromRightAnim
|
ScaleAnim
|
FadeScaleAnim
|
RotateAnim
|
FadeRotateAnim
|
ScaleRotateAnim
|
OnDismiss
|
CustomToastWidget
|
CustomFailToastWidget
|
CustomSuccessToastWidget
|
property |
description |
locale |
Locale (Not Null)(required You have to set this parameters to your locale) |
child |
Widget (Not Null)(required) |
textAlign |
TextAlign (default TextAlign.center) |
textDirection |
TextDirection (default TextDirection.ltr) |
borderRadius |
BorderRadius (BorderRadius.circular(5.0)) |
backgroundColor |
Color (default Color(0x99000000)) |
textPadding |
EdgeInsetsGeometry (default EdgeInsets.symmetric(horizontal: 17.0,vertical: 8.0)) |
toastHorizontalMargin |
double (default 50.0) |
textStyle |
TextStyle (default TextStyle(fontSize: 16.0,fontWeight: FontWeight.normal,color: Colors.white)) |
shapeBorder |
ShapeBorder (default RoundedRectangleBorder(borderRadius: borderRadius)) |
duration |
Duration (default 2.3s) |
animDuration |
Duration (default 400 milliseconds, animDuration * 2 <= duration, conditions must be met for toast to display properly) |
toastPositions |
StyledToastPosition (default StyledToastPosition.bottom) |
toastAnimation |
StyledToastAnimation (default StyledToastAnimation.fade) |
reverseAnimation |
StyledToastAnimation |
alignment |
AlignmentGeometry (default Alignment.center) |
axis |
Axis (default Axis.vertical) |
startOffset |
Offset |
endOffset |
Offset |
reverseStartOffset |
Offset |
reverseEndOffset |
Offset |
curve |
Curve (default Curves.linear) |
reverseCurve |
Curve (default Curves.linear) |
dismissOtherOnShow |
bool (default true) |
movingOnWindowChange |
bool (default true) |
onDismiss |
VoidCallback (Invoked when toast dismiss) |
property |
description |
msg |
String (Not Null)(required) |
context |
BuildContext (If you don't wrap app with StyledToast, context is required, otherwise, is not) |
duration |
Duration (default 2.3s) |
animDuration |
Duration (default 400 milliseconds, animDuration * 2 <= duration, conditions must be met for toast to display properly) |
position |
StyledToastPosition (default StyledToastPosition.bottom) |
textStyle |
TextStyle (default TextStyle(fontSize: 16.0,fontWeight: FontWeight.normal,color: Colors.white)) |
textPadding |
EdgeInsetsGeometry (default EdgeInsets.symmetric(horizontal: 17.0,vertical: 8.0)) |
backgroundColor |
Color (default Color(0x99000000)) |
borderRadius |
BorderRadius (BorderRadius.circular(5.0)) |
shapeBorder |
ShapeBorder (default RoundedRectangleBorder(borderRadius: borderRadius)) |
onDismiss |
VoidCallback (Invoked when toast dismiss) |
textDirection |
TextDirection (default TextDirection.ltr) |
dismissOtherOnShow |
bool (default true) |
movingOnWindowChange |
bool (default true) |
toastAnimation |
StyledToastAnimation (default StyledToastAnimation.fade) |
reverseAnimation |
StyledToastAnimation |
alignment |
AlignmentGeometry (default Alignment.center) |
axis |
Axis (default Axis.vertical) |
startOffset |
Offset |
endOffset |
Offset |
reverseStartOffset |
Offset |
reverseEndOffset |
Offset |
textAlign |
TextAlign (default TextAlign.center) |
curve |
Curve (default Curves.linear) |
reverseCurve |
Curve (default Curves.linear) |
property |
description |
widget |
Widget (Not Null)(required) |
context |
BuildContext (If you don't wrap app with StyledToast, context is required, otherwise, is not) |
duration |
Duration (default 2.3s) |
animDuration |
Duration (default 400 milliseconds, animDuration * 2 <= duration, conditions must be met for toast to display properly) |
onDismiss |
VoidCallback (Invoked when toast dismiss) |
dismissOtherOnShow |
bool (default true) |
movingOnWindowChange |
bool (default true) |
textDirection |
TextDirection (default TextDirection.ltr) |
position |
StyledToastPosition (default ) |
animation |
StyledToastAnimation (default StyledToastAnimation.fade) |
reverseAnimation |
StyledToastAnimation |
alignment |
AlignmentGeometry (default Alignment.center) |
axis |
Axis (default Axis.vertical) |
startOffset |
Offset |
endOffset |
Offset |
reverseStartOffset |
Offset |
reverseEndOffset |
Offset |
curve |
Curve (default Curves.linear) |
reverseCurve |
Curve (default Curves.linear) |
example