flutter_pop_kit 1.0.0 copy "flutter_pop_kit: ^1.0.0" to clipboard
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 ColorsLightweight & 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 #

  1. Add flutter_pop_kit to your pubspec.yaml file:
dependencies:
  flutter_pop_kit: ^1.0.0
  1. 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.
1
likes
0
points
53
downloads

Publisher

unverified uploader

Weekly Downloads

Flutter package designed to simplify the process of displaying customizable popups

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on flutter_pop_kit