flutter_pop_kit 1.0.0
flutter_pop_kit: ^1.0.0 copied to clipboard
Flutter package designed to simplify the process of displaying customizable popups
A powerful and customizable popup package for Flutter, designed to simplify the creation of interactive popups. It offers a clean API, and flexible customization options, making it easy to integrate into any Flutter project.
📌 Features #
✅ Custom Alert Dialogs with flexible content
✅ Blurred Background & Customizable Colors
✅ Lightweight & Easy to Use
Example: #
import 'package:flutter/material.dart';
import 'package:flutter_pop_kit/flutter_pop_kit.dart';
void showCustomDialog(BuildContext context) {
flutterPopAlertDialog(
context: context,
contentPadding: EdgeInsets.all(40.0),
barrierDismissible: true,
barrierColor: const Color.fromARGB(48, 0, 0, 0),
blur: ImageFilter.blur(sigmaX: 2, sigmaY: 2),
backgroundColor: Colors.white,
borderRadius: 22.0,
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(
"Cool Pop Alert!",
style: TextStyle(
fontSize: 22,
fontWeight: FontWeight.bold,
color: Colors.black,
),
),
SizedBox(height: 30),
Icon(Icons.bolt, color: Colors.blueAccent, size: 80),
SizedBox(height: 30),
ClipRRect(
borderRadius: BorderRadius.circular(10),
child: Container(
padding: EdgeInsets.all(20),
color: Colors.blueAccent,
child: Center(
child: Text(
"Try It Out",
style: TextStyle(
color: Colors.white,
fontSize: 16.0,
fontWeight: FontWeight.w600,
),
),
),
),
),
],
),
);
}
| Flutter Pop Alert Dialog | Flutter Pop Alert Dialog Active |
|---|---|
| [Flutter Pop Alert Dialog] | [Image 2] |
Installation #
- Add
flutter_pop_kitto yourpubspec.yamlfile:
dependencies:
flutter_pop_kit: ^1.0.0
- Run the following command to install the package:
flutter pub get
Flutter Pop Alert Dialog Attributes #
| Attribute | Type | Description |
|---|---|---|
content |
Widget |
The content to be displayed inside the popup. |
contentPadding |
EdgeInsets |
The padding to apply inside the popup's content area. |
barrierDismissible |
bool |
Determines if the popup can be dismissed by tapping outside the barrier. |
barrierColor |
Color |
The color of the barrier (background) that appears behind the popup. |
blur |
ImageFilter? |
The blur effect to apply to the barrier. This is optional. |
backgroundColor |
Color |
The background color of the popup. |
borderRadius |
double |
The radius of the popup's corners, defining its rounded shape. |