custom_feedback 1.0.0
custom_feedback: ^1.0.0 copied to clipboard
A Flutter package to display customized dialogs and snackbars easily.
custom_feedback #
Custom feedback package for Flutter, where you can customize easily some feedback tools such as:
- Customizable dialogs
- Automatically closing dialogs
- Optional dialog close button
- Dialog actions
- Generic dialog return values
- Customizable Snackbars
- Floating or fixed Snackbars
- SnackBar actions
- Custom SnackBar close icon
Getting started #
To get started, you need to add custom_feedback to your project. Follow the steps below:
- Open the terminal in your project root. You can do this by pressing
Alt+F12in Android Studio orCtrl+'in VS Code. - Run the following command:
flutter pub add custom_feedback
Usage #
Import custom_feedback.dart
import 'package:custom_feedback/custom_feedback.dart';
Dialog Example #
The dialog uses the Flutter mechanism showDialog to display the dialog on the screen. In CustomFeedback.customDialog you can focus only on the design of the dialog.
CustomFeedback.customDialog(context: context);
Here are all the parameters supported by CustomFeedback.customDialog method:
required BuildContext context,
Widget title,
Widget content,
bool closeIcon,
bool barrierDismissible,
Color iconColor,
Color backgroundColor,
Color shadowColor,
ShapeBorder shape,
Duration? closeTime,
MainAxisAlignment? actionsAlignment,
EdgeInsetsGeometry? actionsPadding,
List<Widget>? actions,
context - the context necessary to build the dialog
title - content on the top of the dialog (usually a Text(""))
content - defines the main content of the dialog
closeIcon - controls if an IconButton() will be displayed on the right of title to work as a close button
barrierDismissible - controls whether is possible to close or not the dialog through click on the screen
iconColor - defines a color to the icon used with the closeIcon property
backgroundColor - defines the background color of the dialog
shadowColor - applies the dialog shadow color
shape - builds the shape of the dialog
closeTime - sets a time to the dialog close automatically
actionsAlignment - provides alignment properties for the action content
actionsPadding - applies padding in the actions area
actions - include a List<Widget> on the bottom of the dialog
SnackBar Example #
The SnackBar uses the Flutter mechanism ScaffoldMessenger to display the SnackBar on the screen. In CustomFeedback.customSnackBar you can focus only on the design of the SnackBar.
CustomFeedback.customSnackBar(context: context);
Here are all the parameters supported by CustomFeedback.customSnackBar method:
required BuildContext context,
Widget content,
Color backgroundColor,
ShapeBorder shape,
bool showCloseIcon,
Color closeIconColor,
Duration duration,
SnackBarBehavior behavior,
EdgeInsetsGeometry? margin,
EdgeInsetsGeometry? padding,
SnackBarAction? action,
context - the context necessary to display the SnackBar
content - defines the main content of the SnackBar
backgroundColor - defines the background color of the SnackBar
shape - builds the shape of the SnackBar
showCloseIcon - controls if a close icon will be displayed on the right side of the SnackBar
closeIconColor - defines a color to the close icon used with the showCloseIcon property
duration - defines how long the SnackBar will remain visible
behavior - defines how the SnackBar is displayed. It can be either SnackBarBehavior.fixed or SnackBarBehavior.floating
margin - applies a margin around the SnackBar. This property is especially useful when using SnackBarBehavior.floating
padding - applies padding to the content area of the SnackBar
action - adds a SnackBarAction to the SnackBar, allowing the user to perform an action while the SnackBar is visible
License #
This package is licensed under the MIT License.