xdialog

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

xDialog é um pacote de diálogos animados altamente personalizável para Flutter, oferecendo configurações dinâmicas e animações suaves. Suporta múltiplos botões, permitindo designs de interface flexíveis para alertas, confirmações e diálogos personalizados. Com suporte em todas as principais plataformas — Android, iOS, Web, macOS, Windows e Linux — garante experiências consistentes para os usuários. O pacote foi projetado para desenvolvedores que buscam uma solução elegante e reutilizável para criar diálogos modernos com animações mínimas configurações.

Casos de uso

Exibindo alertas e confirmações
Criando diálogos interativos personalizados
Implementando pop-ups de onboarding ou tutoriais
Manipulando entrada do usuário com múltiplos botões de ação
Melhorando a UX com transições animadas suaves

Principais recursos

Aparência altamente personalizável
Suporte a múltiplos botões
Transições animadas suaves
Opções de configuração dinâmica
Compatibilidade multiplataforma
Integração fácil por meio do pub.dev

Indicado para

Desenvolvedores Flutter construindo interfaces ricas
Aplicativos que exigem diálogos animados e interativos
Projetos que precisam de comportamento consistente de diálogo entre plataformas
Equipes que priorizam a produtividade do desenvolvedor e a flexibilidade de design

Considerações

Pode exigir estilos adicionais para layouts complexos
O desempenho da animação deve ser testado em dispositivos de baixa configuração
A personalização pode aumentar ligeiramente o tamanho do pacote
Limitado a casos de uso específicos de diálogo, não modais em tela cheia

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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! 🚀

Buscar pacotes, repositórios e categorias de apps

Instalar pacote