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.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'));

🚀 Roadmap #

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

StyledToast param #

showToast param #

showToastWidget param #

Example #

example