holdable_circular_button 0.0.4
holdable_circular_button: ^0.0.4 copied to clipboard
A customizable Flutter widget for a circular button with a progress indicator.
Holdable Circular Button #
A customizable Flutter widget for a circular button with a progress indicator.
Features #
- Holdable Button: Press and hold the button to trigger a progress animation.
- Customizable: You can change the size, color, and duration of the button and progress indicator.
- Progress Indicator: Visual progress indicator around the button, which completes after a set duration.
Screen Recording #

Example #
import 'package:flutter/material.dart';
import 'package:holdable_circular_button/holdable_circular_button.dart';
class _HomeScreenState extends State<HomeScreen> {
bool isFinished = false;
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
title: Text('Holdable Circular Button'),
elevation: 0,
),
body: SafeArea(
child: Center(
child: HoldableCircularButton(
progressColor: Colors.green,
buttonColor: Colors.red,
onComplete: () {},
icon: Icon(Icons.touch_app_outlined),
),
),
),
);
}
}
Installation #
Add this to your pubspec.yaml
file:
dependencies:
holdable_circular_button: ^0.0.1