In this article, I'm going to share you the code for creating a Bordered 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.stroke;
}
@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