Play Flutter Quiz. Click here .

How to Draw a Solid Circle using Canvas in Flutter?

This Article is posted by at 12-01-2019 18:03:07

In this article, I'm going to share you the code for creating a Circle using Canvas in Flutter as below.
You can add below call to your code and create a Circle in your program.
class DrawCircle extends CustomPainter {
Paint _paint;
DrawCircle() {
_paint = Paint()
..color =
..strokeWidth = 10.0 = PaintingStyle.fill;
void paint(Canvas canvas, Size size) {
canvas.drawCircle(Offset(0.0, 0.0), 100.0, _paint);
bool shouldRepaint(CustomPainter oldDelegate) {
return false;
In order to create a Circle in your program, you can follow below example.
body: Center(
// Center is a layout widget. It takes a single child and positions it
// in the middle of the parent.
child: Container(
child: CustomPaint(painter: DrawCircle()),
Hope this example will be useful to you.

Tags: How to Draw a Solid Circle using Canvas in Flutter?

Login to comment.

Recent Comments

Be the first to Comment. You can ask a Query or Share your toughts or Just say thanks.

© 2018 - Fluttercentral | Email to me -

Terms | Privacy