Play Flutter Quiz. Click here .

How to Draw a Solid Circle using Canvas in Flutter?

This Article is posted by seven.srikanth@gmail.com 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 = Colors.green
..strokeWidth = 10.0
..style = PaintingStyle.fill;
}
@override
void paint(Canvas canvas, Size size) {
canvas.drawCircle(Offset(0.0, 0.0), 100.0, _paint);
}
@override
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.
Thanks,
Srikanth

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




0 Comments
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 - Seven.srikanth@gmail.com

Terms | Privacy