A highly customize Toast with Flutter

flutter_styled_toast

A Styled Toast Flutter package. You can highly customize toast ever. Beautify toast with a series of animations and make toast more beautiful.

demo

Getting Started

dependencies:
  flutter_styled_toast: ^1.2.1

import 'package:flutter_styled_toast/flutter_styled_toast.dart';

StyledToast(
  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'));

? Roadmap

DefaultToastWidget	FadeAnim	SlideFromTopAnim
SlideFromBottomAnim	SlideFromLeftAnim	SlideFromRightAnim
ScaleAnim	FadeScaleAnim	RotateAnim
FadeRotateAnim	ScaleRotateAnim	OnDismiss
CustomToastWidget	CustomFailToastWidget	CustomSuccessToastWidget

StyledToast param

showToast param

showToastWidget param

Example

example

GitHub

https://github.com/JackJonson/flutter_styled_toast