Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv1.0.2

xdialog

A highly customizable animated dialog package for Flutter with dynamic configurations, multiple button support, and smooth animations.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
10
Likes
1
Pub points
145

Install package

flutter pub add xdialog

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

xDialog is a highly customizable animated dialog package for Flutter, offering dynamic configurations and smooth animations. It supports multiple buttons, enabling flexible UI designs for alerts, confirmations, and custom dialogs. With support across all major platforms—Android, iOS, Web, macOS, Windows, and Linux—it ensures consistent user experiences. The package is designed for developers seeking an elegant, reusable solution for creating modern, animated dialogs with minimal setup.

Use cases

  • Displaying alerts and confirmations
  • Creating custom interactive dialogs
  • Implementing onboarding or tutorial popups
  • Handling user input with multiple action buttons
  • Enhancing UX with smooth animated transitions

Key features

  • Highly customizable appearance
  • Multiple button support
  • Smooth animated transitions
  • Dynamic configuration options
  • Cross-platform compatibility
  • Easy integration via pub.dev

Suitable for

  • Flutter developers building rich UIs
  • Apps requiring animated and interactive dialogs
  • Projects needing consistent dialog behavior across platforms
  • Teams prioritizing developer productivity and design flexibility

Considerations

  • May require additional styling for complex layouts
  • Animation performance should be tested on lower-end devices
  • Customization may increase bundle size slightly
  • Limited to dialog-specific use cases, not full-screen modals

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

XDialog - Flutter Custom Dialog Package

A feature-rich, highly customizable dialog package for Flutter applications.

🚀 Features

  • 🎨 Fully Customizable UI – Modify colors, fonts, and layouts.
  • ⚡ Smooth Animations – Built-in transitions for a better UX.
  • 🖱️ Hover Effects – Interactive UI elements.
  • 🌈 Multiple Button Support – Add as many actions as needed.
  • 🎚️ Size Customization – Adjust width, height, and padding.
  • 🕒 Animation Control – Customize animation duration & style.
  • 🎮 Interactive Examples – Ready-to-use examples for quick setup.

📦 Installation

Add the dependency in your pubspec.yaml:

dependencies:
  xdialog: ^1.0.0

Then, run:

flutter pub get

🎯 Usage

📝 Basic Dialog

To display a simple confirmation dialog:

import 'package:flutter/material.dart';
import 'package:xdialog/xdialog.dart';

void showBasicDialog(BuildContext context) {
  XDialog.show(
    context: context,
    title: const Text('Confirmation'),
    message: const Text('Are you sure?'),
    positiveButtonText: 'Yes',
    negativeButtonText: 'No',
  );
}
🖼️ Dialog with Image
import 'package:flutter/material.dart';
import 'package:xdialog/xdialog.dart';

void showImageDialog(BuildContext context) {
  XDialog.show(
    context: context,
    title: const Text('Image Preview'),
    message: const Text('This is an example with an image.'),
    image: Image.network('https://via.placeholder.com/150'),
    positiveButtonText: 'OK',
  );
}
Basic Confirmation Dialog

🎛️ Customization

Adjust Dialog Size
XDialog.show(
  context: context,
  title: const Text('Custom Size'),
  message: const Text('You can control the size.'),
  width: 300,
  height: 200,
);
Customize Button Styles
XDialog.show(
  context: context,
  title: const Text('Styled Buttons'),
  message: const Text('Different button styles.'),
  positiveButtonText: 'Confirm',
  negativeButtonText: 'Cancel',
  positiveButtonStyle: ElevatedButton.styleFrom(backgroundColor: Colors.green),
  negativeButtonStyle: TextButton.styleFrom(foregroundColor: Colors.red),
);

🔥 Roadmap

  • [ ] Add dark mode support.
  • [ ] Support for icon-based buttons.
  • [ ] More transition effects.

📜 License

This project is licensed under the MIT License.

💡 Contributing

Feel free to submit pull requests or open issues for suggestions and improvements.

Happy coding! 🚀

Categories

Dialogs

Source repository

Projects using this package

No data available yet.