circular_progress_button 0.0.5 copy "circular_progress_button: ^0.0.5" to clipboard
circular_progress_button: ^0.0.5 copied to clipboard

A Flutter package providing a customizable circular progress button that fills in three steps.

Circular Progress Button #

A Flutter package providing a customizable circular progress button that fills in three steps.

Screen_recording_20241227_142915

Features #

  • Circular progress indicator that fills in three steps (33%, 66%, 100%)
  • Customizable appearance through ProgressButtonTheme
  • Smooth animations with configurable duration
  • Completion callback
  • Highly customizable (colors, sizes, icons, etc.)

Getting started #

Add this to your package's pubspec.yaml file:

dependencies:
  circular_progress_button: ^0.0.4

Usage #

import 'package:circular_progress_button/circular_progress_button.dart';

// Basic usage
CircularProgressButton(
  onTap: () => print('Tapped!'),
  onComplete: () => print('Completed!'),
)

// Customized button
CircularProgressButton(
  theme: const ProgressButtonTheme(
    progressColor: Colors.green,
    backgroundColor: Colors.green.withOpacity(0.2),
    strokeWidth: 10,
    size: 80,
    iconSize: 50,
    icon: Icons.check,
  ),
  onTap: () => print('Custom button tapped!'),
  animationDuration: const Duration(milliseconds: 1500),
)

Additional information #

For issues and feature requests, please visit the GitHub repository.

License #

MIT License - see LICENSE file for details

Support #

If you find this project helpful, you can support me:

Buy Me A Coffee

1
likes
150
points
58
downloads

Publisher

unverified uploader

Weekly Downloads

A Flutter package providing a customizable circular progress button that fills in three steps.

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

cupertino_icons, flutter

More

Packages that depend on circular_progress_button