image_circular_progress 1.0.1
image_circular_progress: ^1.0.1 copied to clipboard
Image Circular Progress
image_circular_progress #
A custom Flutter widget that displays a circular progress indicator with a center image. Ideal for loading screens with branding or custom visuals.
π Installation #
Add to your pubspec.yaml
:
dependencies:
image_circular_progress: ^1.0.1
π How to Use #
Import in your Dart code:
import 'package:image_circular_progress/image_circular_progress.dart';
π‘ Features #
- Circular indicator with set or unset value.
- Customizable center image.
- Heartbeat animation (optional).
- Color, size, and thickness settings.
- Accessibility support.
β¨Demos #

β Example
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Image Circular Progress')),
body: Padding(
padding: const EdgeInsets.all(20.0),
child: Center(
child: _loading
? Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
const Text(
'Loading...',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
),
textAlign: TextAlign.center,
),
const SizedBox(height: 24),
ImageCircularProgress(
value: null,
centerImage: Image.asset('logo.png'),
size: 100,
color: Colors.orangeAccent,
backgroundColor: Colors.grey.shade300,
strokeWidth: 6.0,
semanticsLabel: 'Progress indicator',
pulseOpacity: true,
),
],
)
: const Text(
'Content loaded successfully!',
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
),
),
),
);
}
π€ Contributing #
Contributions are welcome! Open an issue or submit a pull request: https://github.com/andersonmatte/image_circular_progress
π¨βπ» Author #
Anderson Matte GitHub | LinkedIn
π License #
This project is licensed under the MIT License. See the LICENSE file for more details.