dialogify 1.0.1
dialogify: ^1.0.1 copied to clipboard
A customizable Flutter package to show animated confirmation and info dialogs with gradient backgrounds, blur, and bottom sheet or center position.
Dialogify.
A customizable Flutter package to show animated confirmation and info dialogs with gradient backgrounds, blur effects, and support for **center** or **bottom sheet** positions.
✨ Features #
- ✅ Gradient & blurred background dialogs
- ✅ Info & Confirmation dialog types
- ✅ Supports bottom sheet and center popup
- ✅ Custom titles, subtitles, content widget, and buttons
- ✅ Animated open/close transitions
🚀 Installation #
Add this line in your pubspec.yaml
:
dependencies:
dialogify: ^1.0.0
Then run:
flutter pub get
Usage #
Show Confirmation Dialog
import 'package:dialogify/dialogify.dart';
showConfirmationDialog(
context,
title: "Delete Item",
subtitle: "Are you sure you want to delete this item?",
confirmText: "Yes, Delete",
cancelText: "Cancel",
onConfirm: () {
print("Confirmed!");
},
onCancel: () {
print("Cancelled!");
},
);
Show Info Dialog
showInfoDialog(
context,
title: "Update Available",
subtitle: "Version 2.0 is now available for download.",
closeText: "Got it",
onClose: () {
print("Dialog closed");
},
);
📲 Example App #
See example/main.dart for a full working example.
import 'package:flutter/material.dart';
import 'package:dialogify/dialogify.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Dialogify Example',
home: Scaffold(
appBar: AppBar(title: const Text("Dialogify Example")),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () {
showConfirmationDialog(
context,
title: "Confirm Action",
subtitle: "Do you want to proceed?",
onConfirm: () => debugPrint("Confirmed!"),
onCancel: () => debugPrint("Cancelled!"),
);
},
child: const Text("Show Confirmation Dialog"),
),
ElevatedButton(
onPressed: () {
showInfoDialog(
context,
title: "Info",
subtitle: "This is an information dialog.",
onClose: () => debugPrint("Closed!"),
);
},
child: const Text("Show Info Dialog"),
),
],
),
),
),
);
}
}