quick_button 0.1.2 copy "quick_button: ^0.1.2" to clipboard
quick_button: ^0.1.2 copied to clipboard

A package that provides multiple customizable buttons for quick use.

example/lib/main.dart

/// Import Material package.
import 'package:flutter/material.dart';

/// Import Quick Button package.
import 'package:quick_button/quick_button.dart';

/// Run the application.
void main() {
  runApp(const MyApp());
}

/// Build a stateless App widget.
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    /// Build Material widget to render the UI.
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Quick Button'),
          backgroundColor: Colors.purple,
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              /// Transparent RoundedRectangular Button with prefixIcon.
              QuickButton(
                labelText: 'Quick Button',
                labelColor: Colors.purple,
                labelSize: 13.0,
                labelWeight: FontWeight.bold,
                labelSpacing: 0.3,
                prefixIcon: Icons.add_task,
                iconSize: 20.0,
                borderRadius: 25.0,
                borderColor: Colors.purple,
                borderSize: 1.5,
                backgroundColor: Colors.transparent,
                labelHoverIn: Colors.white,
                labelHoverOut: Colors.purple,
                backgroundHoverIn: Colors.purple,
                backgroundHoverOut: Colors.transparent,
                onPressed: () {
                  /// Excute function.
                },
              ),
              const SizedBox(
                height: 15,
              ),

              /// Transparent Rectangular Button with prefixIcon.
              QuickButton(
                labelText: 'Quick Button',
                labelColor: Colors.purple,
                labelSize: 13.0,
                labelWeight: FontWeight.bold,
                labelSpacing: 0.3,
                prefixIcon: Icons.backpack,
                iconSize: 20.0,
                borderColor: Colors.purple,
                borderSize: 1.5,
                backgroundColor: Colors.transparent,
                labelHoverIn: Colors.white,
                labelHoverOut: Colors.purple,
                backgroundHoverIn: Colors.purple,
                backgroundHoverOut: Colors.transparent,
                onPressed: () {
                  /// Excute function.
                },
              ),
              const SizedBox(
                height: 15,
              ),

              /// Transparent CurvedEdged Button with suffixIcon.
              QuickButton(
                labelText: 'Quick Button',
                labelColor: Colors.purple,
                labelSize: 13.0,
                labelWeight: FontWeight.bold,
                labelSpacing: 0.3,
                suffixIcon: Icons.dark_mode,
                iconSize: 20.0,
                borderColor: Colors.purple,
                borderSize: 1.5,
                borderRadius: 8.0,
                backgroundColor: Colors.transparent,
                labelHoverIn: Colors.white,
                labelHoverOut: Colors.purple,
                backgroundHoverIn: Colors.purple,
                backgroundHoverOut: Colors.transparent,
                onPressed: () {
                  /// Excute function.
                },
              ),
              const SizedBox(
                height: 15,
              ),

              /// Solid Rectangular Button with prefixIcon.
              QuickButton(
                labelText: 'Quick Button',
                labelColor: Colors.white,
                labelSize: 13.0,
                labelWeight: FontWeight.bold,
                labelSpacing: 0.3,
                prefixIcon: Icons.backpack,
                iconSize: 20.0,
                backgroundColor: Colors.purple,
                labelHoverIn: const Color.fromARGB(255, 63, 63, 63),
                labelHoverOut: Colors.white,
                backgroundHoverIn: const Color.fromARGB(112, 226, 33, 243),
                backgroundHoverOut: Colors.purple,
                onPressed: () {
                  /// Excute function.
                },
              ),
              const SizedBox(
                height: 15,
              ),

              /// Solid RoundedRectangular Button.
              QuickButton(
                labelText: 'Quick Button',
                labelColor: Colors.white,
                labelSize: 13.0,
                labelWeight: FontWeight.bold,
                labelSpacing: 0.3,
                borderRadius: 25.0,
                backgroundColor: Colors.purple,
                labelHoverIn: const Color.fromARGB(255, 63, 63, 63),
                labelHoverOut: Colors.white,
                backgroundHoverIn: const Color.fromARGB(112, 226, 33, 243),
                backgroundHoverOut: Colors.purple,
                onPressed: () {
                  /// Excute function.
                },
              ),
              const SizedBox(
                height: 15,
              ),

              /// Transparent CurvedEdged Button.
              QuickButton(
                labelText: 'Quick Button',
                labelColor: Colors.white,
                labelSize: 13.0,
                labelWeight: FontWeight.bold,
                labelSpacing: 0.3,
                borderRadius: 8.0,
                backgroundColor: Colors.purple,
                labelHoverIn: const Color.fromARGB(255, 63, 63, 63),
                labelHoverOut: Colors.white,
                backgroundHoverIn: const Color.fromARGB(112, 226, 33, 243),
                backgroundHoverOut: Colors.purple,
                onPressed: () {
                  /// Excute function.
                },
              ),
              const SizedBox(
                height: 15,
              ),

              /// Transparent Rounded Button with an Icon.
              QuickButton(
                icon: Icons.backpack,
                labelColor: Colors.purple,
                iconSize: 18.0,
                borderColor: Colors.purple,
                borderSize: 1.5,
                borderRadius: 100.0,
                buttonWidth: 30,
                buttonHeight: 30,
                backgroundColor: Colors.transparent,
                labelHoverIn: Colors.white,
                labelHoverOut: Colors.purple,
                backgroundHoverIn: Colors.purple,
                backgroundHoverOut: Colors.transparent,
                onPressed: () {
                  /// Excute function.
                },
              ),
              const SizedBox(
                height: 15,
              ),

              /// Transparent Rectangular Button with an Icon.
              QuickButton(
                icon: Icons.backpack,
                labelColor: Colors.purple,
                iconSize: 18.0,
                buttonWidth: 30,
                buttonHeight: 30,
                borderColor: Colors.purple,
                borderSize: 1.5,
                backgroundColor: Colors.transparent,
                labelHoverIn: Colors.white,
                labelHoverOut: Colors.purple,
                backgroundHoverIn: Colors.purple,
                backgroundHoverOut: Colors.transparent,
                onPressed: () {
                  /// Excute function.
                },
              ),
              const SizedBox(
                height: 15,
              ),

              /// Solid Rectangular Button with prefixIcon.
              QuickButton(
                icon: Icons.backpack,
                labelColor: Colors.white,
                iconSize: 18.0,
                borderRadius: 25.0,
                buttonWidth: 30,
                buttonHeight: 30,
                backgroundColor: Colors.purple,
                labelHoverIn: const Color.fromARGB(255, 63, 63, 63),
                labelHoverOut: Colors.white,
                backgroundHoverIn: const Color.fromARGB(112, 226, 33, 243),
                backgroundHoverOut: Colors.purple,
                onPressed: () {
                  /// Excute function.
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}
6
likes
150
pub points
0%
popularity

Publisher

verified publisherpozadkey.com

A package that provides multiple customizable buttons for quick use.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on quick_button