flutter_styled_toast

demo

Null safety

dependencies:
 flutter_styled_toast: ^2.3.0

Getting Started

dependencies:
 flutter_styled_toast: ^1.5.2+3

import 'package:flutter_styled_toast/flutter_styled_toast.dart';

//Simple to use, no global configuration
showToast("hello styled toast",context:context);
//Customize toast content widget, no global configuration
showToastWidget(Text('hello styled toast'),context:context);

//Interactive toast, set [isIgnoring] false.
showToastWidget(
 Container(
 padding: EdgeInsets.symmetric(horizontal: 18.0),
 margin: EdgeInsets.symmetric(horizontal: 50.0),
 decoration: ShapeDecoration(
 shape: RoundedRectangleBorder(
 borderRadius: BorderRadius.circular(5.0),
 ),
 color: Colors.green[600],
 ),
 child: Row(
 children: [
 Text(
 'Jump to new page',
 style: TextStyle(
 color: Colors.white,
 ),
 ),
 IconButton(
 onPressed: () {
 ToastManager().dismissAll(showAnim: true);
 Navigator.push(context,
 MaterialPageRoute(builder: (context) {
 return SecondPage();
 }));
 },
 icon: Icon(
 Icons.add_circle_outline_outlined,
 color: Colors.white,
 ),
 ),
 ],
 mainAxisAlignment: MainAxisAlignment.spaceBetween,
 ),
 ),
 context: context,
 isIgnoring: false,
 duration: Duration.zero,
);

//Set an animation
showToast('This is normal toast with animation',
 context: context,
 animation: StyledToastAnimation.scale,
);
///Set both animation and reverse animation,
///combination different animation and reverse animation to achieve amazing effect.
showToast('This is normal toast with animation',
 context: context,
 animation: StyledToastAnimation.scale,
 reverseAnimation: StyledToastAnimation.fade,
 position: StyledToastPosition.center,
 animDuration: Duration(seconds: 1),
 duration: Duration(seconds: 4),
 curve: Curves.elasticOut,
 reverseCurve: Curves.linear,
);
```dart
```dart
///Custom animation and custom reverse animation,
///combination different animation and reverse animation to achieve amazing effect.

AnimationController mController;
AnimationController mReverseController;
@override
void initState() {
 super.initState();
 mController =
 AnimationController(vsync: this, duration: Duration(milliseconds: 200));
 mReverseController =
 AnimationController(vsync: this, duration: Duration(milliseconds: 200));
}
showToast('This is normal toast with custom animation',
 context: context,
 position: StyledToastPosition.bottom,
 animDuration: Duration(seconds: 1),
 duration: Duration(seconds: 4),
 animationBuilder: (
 BuildContext context,
 AnimationController controller,
 Duration duration,
 Widget child,
 ) {
 return SlideTransition(
 position: getAnimation<Offset>(
 Offset(0.0, 3.0), Offset(0, 0), controller,
 curve: Curves.bounceInOut),
 child: child,
 );
 },
 reverseAnimBuilder: (
 BuildContext context,
 AnimationController controller,
 Duration duration,
 Widget child,
 ) {
 return SlideTransition(
 position: getAnimation<Offset>(
 Offset(0.0, 0.0), Offset(-3.0, 0), controller,
 curve: Curves.bounceInOut),
 child: child,
 );
 },
);
```dart
```dart
///Custom animation, custom reverse animation and custom animation controller
showToast('This is normal toast with custom animation and controller',
 context: context,
 position: StyledToastPosition.bottom,
 animDuration: Duration(seconds: 1),
 duration: Duration(seconds: 4),
 onInitState:(Duration toastDuration, Duration animDuration) async {
 try {
 await mController.forward().orCancel;
 Future.delayed(toastDuration - animDuration, () async {
 await mReverseController.forward().orCancel;
 mController.reset();
 mReverseController.reset();
 });
 } on TickerCanceled {}
 },
 animationBuilder: (
 BuildContext context,
 AnimationController controller,
 Duration duration,
 Widget child,
 ) {
 return SlideTransition(
 position: getAnimation<Offset>(
 Offset(0.0, 3.0), Offset(0, 0), controller,
 curve: Curves.bounceInOut),
 child: child,
 );
 },
 reverseAnimBuilder: (
 BuildContext context,
 AnimationController controller,
 Duration duration,
 Widget child,
 ) {
 return SlideTransition(
 position: getAnimation<Offset>(
 Offset(0.0, 0.0), Offset(-3.0, 0), controller,
 curve: Curves.bounceInOut),
 child: child,
 );
 },
);
```dart
Simple global configuration, wrap you app with StyledToast.
```dart
StyledToast(
 locale: const Locale('en', 'US'),
 child: MaterialApp(
 title: appTitle,
 showPerformanceOverlay: showPerformance,
 home: LayoutBuilder(
 builder: (BuildContext context, BoxConstraints constraints) {
 return MyHomePage(
 title: appTitle,
 onSetting: onSettingCallback,
 );
 },
 ),
 ),
);

MaterialApp(
 title: appTitle,
 showPerformanceOverlay: showPerformance,
 home: LayoutBuilder(
 builder: (BuildContext context, BoxConstraints constraints) {
 return MyHomePage(
 title: appTitle,
 onSetting: onSettingCallback,
 );
 },
 ),
 builder: (BuildContext context, Widget? child) {
 // Get the current platform brightness
 final isDarkMode = MediaQuery.of(context).platformBrightness == Brightness.dark;
 
 return StyledToast(
 textStyle: TextStyle(
 fontSize: 16.0,
 color: isDarkMode ? Colors.black : Colors.white
 ),
 backgroundColor: isDarkMode
 ? const Color(0xCCFFFFFF)
 : const Color(0x99000000),
 borderRadius: BorderRadius.circular(5.0),
 textPadding: const EdgeInsets.symmetric(horizontal: 17.0, vertical: 10.0),
 toastAnimation: StyledToastAnimation.size,
 reverseAnimation: StyledToastAnimation.size,
 startOffset: const Offset(0.0, -1.0),
 reverseEndOffset: const Offset(0.0, -1.0),
 duration: const Duration(seconds: 4),
 animDuration: const Duration(seconds: 1),
 alignment: Alignment.center,
 toastPositions: StyledToastPosition.center,
 curve: Curves.fastOutSlowIn,
 reverseCurve: Curves.fastOutSlowIn,
 dismissOtherOnShow: true,
 fullWidth: false,
 isHideKeyboard: false,
 isIgnoring: true,
 child: child ?? const SizedBox.shrink(),
 );
 },
);

//After global configuration, use in a single line.
showToast("hello styled toast");
//After global configuration, Customize toast content widget
showToastWidget(Text('hello styled toast'));

🚀 Roadmap

StyledToast param

showToast param

showToastWidget param

Example