Flutter how to draw semicircle (half circle)

by

Create a StatelessWidget say MyArc which accepts a diameter.

import 'dart:math' as math;

class MyArc extends StatelessWidget {
  final double diameter;

  const MyArc({Key key, this.diameter = 200}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return CustomPaint(
      painter: MyPainter(),
      size: Size(diameter, diameter),
    );
  }
}


// This is the Painter class
class MyPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    Paint paint = Paint()..color = Colors.blue;
    canvas.drawArc(
      Rect.fromCenter(
        center: Offset(size.height / 2, size.width / 2),
        height: size.height,
        width: size.width,
      ),
      math.pi,
      math.pi,
      false,
      paint,
    );
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) => false;
}

Usage:

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(),
    body: MyArc(diameter: 300),
  );
}

More Related Contents:

  1. Flutter: Scrolling to a widget in ListView
  2. How to show/hide widgets programmatically in Flutter
  3. Text Overflowing in a Row, Flutter
  4. Programmatically scrolling to the end of a ListView
  5. How to create dropown list in flutter where data comes from API?
  6. How do I do the “frosted glass” effect in Flutter?
  7. How to create GridView Layout in Flutter
  8. Scroll Function In Flutter Web
  9. How to implement a Custom dialog box in flutter?
  10. Sizing elements to percentage of screen width/height
  11. Style BottomNavigationBar in Flutter
  12. Flutter: Keep BottomNavigationBar When Push to New Screen with Navigator
  13. Flutter: Remove padding in buttons – FlatButton, ElevatedButton, OutlinedButton
  14. How can I navigate between 2 classes, one of them requires passing data? in flutter
  15. TextField inside of Row causes layout exception: Unable to calculate size
  16. Layout: Text overflowing in Flutter
  17. Vertical viewport was given unbounded height
  18. How to check if scroll position is at top or bottom in ListView?
  19. How can I layout widgets based on the size of the parent?
  20. Flutter Zoomable Widget
  21. Builder versus GlobalKey
  22. How to shift focus to the next TextField in Flutter?
  23. Flutter: “RenderFlex children have non-zero flex but incoming height constraints are unbounded”
  24. Flutter: BottomNavigationBar rebuilds Page on change of tab
  25. How can I add shadow to the widget in flutter?
  26. How do I remove Flutter IconButton big padding?
  27. Preserving state between tab view pages
  28. Flutter – How to make a custom TabBar
  29. Flutter – How can I dynamically show or hide App Bars on pages
  30. Outlined transparent button with gradient border in flutter

Leave a Comment