quick_action_default #

A reusable Flutter quick-action widget with theme-aware defaults and three visual styles:

• QuickActionsVariant.filled
• QuickActionsVariant.outlined
• QuickActionsVariant.glass (liquid-glass style)

Preview #

🌞 Light Theme 🌙 Dark Theme #

Features #

• Simple action model: QuickActionItem
• Optional custom colors and spacing
• Light/dark theme support
• Built-in tap handling and accessibility semantics

Installation #

Add to pubspec.yaml:

dependencies:
  quick_action_default: ^0.0.1

Then run:

flutter pub get

Usage #

Easily create action button (title, icon, color, onTap)

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

final actions = <QuickActionItem>[
  const QuickActionItem(title: 'Explore', icon: Icons.explore),
  const QuickActionItem(title: 'Favorites', icon: Icons.favorite),
  const QuickActionItem(title: 'History', icon: Icons.history),
  QuickActionItem(title: 'Share', icon: Icons.send, onTap: () {}),
];

QuickActionDefault(
  actions: actions,
  variant: QuickActionsVariant.glass,
)

Customization #

QuickActionDefault(
  actions: actions, //Define your action buttons here
  variant: QuickActionsVariant.outlined,
  backgroundColor: Colors.white,
  iconColor: Colors.deepOrange,
  textColor: Colors.deepOrange,
  outlineColor: Colors.deepOrange,
  iconSize: 30,
  borderRadius: 18,
  padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 14),
  margin: const EdgeInsets.symmetric(horizontal: 20),
)

API #

QuickActionItem

• title (String)
• icon (IconData)
• onTap (VoidCallback?)

QuickActionDefault

• actions (List<QuickActionItem>, required)
• variant (QuickActionsVariant, default filled)
• maxActions (int, default 9)
• margin (EdgeInsetsGeometry)
• padding (EdgeInsetsGeometry)
• iconSize (double)
• borderRadius (double)
• backgroundColor (Color?)
• iconColor (Color?)
• textColor (Color?)
• outlineColor (Color?)

Example App #

See a runnable demo in:

• example/lib/main.dart