animated_confirm_dialog

Banner

A customizable Flutter package for displaying confirmation dialogs with optional 3D flip animations and modern UI. This package allows you to easily show stylish confirmation dialogs with a clean and modern design, making it highly customizable.

Features

  • Customizable Dialogs: Easily adjust the title, message, and button text.
  • Animations: Includes optional 3D flip animation for dialog transitions.
  • Modern UI: A visually appealing, modern design with customizable button styles and colors.
  • Dismissable: Optionally control if the dialog can be dismissed by tapping outside.

Demo Video 2

Demo Video

Demo Video 1

Getting Started

To use animated_confirm_dialog in your Flutter project, follow these simple steps.

Prerequisites

Before starting, ensure that you have the following installed:

  • Flutter SDK: >=3.0.0
  • Dart SDK: >=3.1.3 <4.0.0

Installation

  1. Open your pubspec.yaml file.
  2. Under dependencies, add the following line:
dependencies:
  animated_confirm_dialog: ^1.0.2

Usage

Once you’ve installed the package, you can use the showCustomDialog function to display the confirmation dialog. Here’s an example of how to use it:

import 'package:animated_confirm_dialog/animated_confirm_dialog.dart';

 showCustomDialog(
              context: context,
              title: 'Delete Item?',
              message: 'Are you sure you want to delete this item?',
              cancelButtonText: 'No',
              confirmButtonText: 'Yes',
              cancelButtonColor: Colors.red,
              cancelButtonTextColor: Colors.white,
              confirmButtonColor: Colors.green,
              confirmButtonTextColor: Colors.white,
              onCancel: () {
                // Action when cancel button is pressed
                Navigator.of(context).pop();
              },
              onConfirm: () {
                // Action when confirm button is pressed
                Navigator.of(context).pop();
              },
              isFlip: true, // You can set isFlip to true for 3D rotation effect
            );

Customization

You can customize various aspects of the dialog by passing different parameters. Below is a list of customizable options:

Parameter Description Default
title The title of the dialog. 'Logout Confirmation'
message The message displayed inside the dialog. 'Are you sure you want to log out?'
cancelButtonText Text for the cancel button. 'Cancel'
confirmButtonText Text for the confirm button. 'Logout'
backgroundColor Background color of the dialog. Color(0xFFF5F5F5)
titleColor Color of the title text. Color(0xFF000000)
messageColor Color of the message text. Color(0xFF000000)
cancelButtonColor Background color of the cancel button. Color(0xFF007BFF)
cancelButtonTextColor Color of the cancel button text. Colors.white
confirmButtonColor Background color of the confirm button. Colors.white
confirmButtonTextColor Color of the confirm button text. Color(0xFF007BFF)
onCancel A callback function triggered when the cancel button is tapped. null (no action)
onConfirm A callback function triggered when the confirm button is tapped. null (no action)
isFlip Enables a 3D flip animation when the dialog is shown. false
dismissible Controls whether the dialog can be dismissed by tapping outside. true

Licence

This project is licensed under the MIT License. You can view the full license in the LICENSE file.

Support the Library

You can support the library by:

Libraries

animated_confirm_dialog