PiliPlus/lib/common/widgets/custom_arc.dart

import 'dart:math' show pi;

import 'package:flutter/widgets.dart';

class Arc extends LeafRenderObjectWidget {
  const Arc({
    super.key,
    required this.size,
    required this.color,
    required this.progress,
    this.strokeWidth = 2,
  });

  final double size;
  final Color color;
  final double progress;
  final double strokeWidth;

  @override
  RenderObject createRenderObject(BuildContext context) {
    return RenderArc(
      preferredSize: size,
      color: color,
      progress: progress,
      strokeWidth: strokeWidth,
    );
  }

  @override
  void updateRenderObject(
    BuildContext context,
    RenderArc renderObject,
  ) {
    renderObject
      ..preferredSize = size
      ..color = color
      ..progress = progress
      ..strokeWidth = strokeWidth;
  }
}

class RenderArc extends RenderBox {
  RenderArc({
    required double preferredSize,
    required Color color,
    required double progress,
    required double strokeWidth,
  }) : _preferredSize = preferredSize,
       _color = color,
       _progress = progress,
       _strokeWidth = strokeWidth;

  Color _color;
  Color get color => _color;
  set color(Color value) {
    if (_color == value) return;
    _color = value;
    markNeedsPaint();
  }

  double _progress;
  double get progress => _progress;
  set progress(double value) {
    if (_progress == value) return;
    _progress = value;
    markNeedsPaint();
  }

  double _strokeWidth;
  double get strokeWidth => _strokeWidth;
  set strokeWidth(double value) {
    if (_strokeWidth == value) return;
    _strokeWidth = value;
    markNeedsPaint();
  }

  double _preferredSize;
  double get preferredSize => _preferredSize;
  set preferredSize(double value) {
    if (_preferredSize == value) return;
    _preferredSize = value;
    markNeedsLayout();
  }

  @override
  void performLayout() {
    size = constraints.constrainDimensions(_preferredSize, _preferredSize);
  }

  @override
  void paint(PaintingContext context, Offset offset) {
    if (progress == 0) {
      return;
    }

    final paint = Paint()
      ..color = color
      ..strokeWidth = strokeWidth
      ..style = PaintingStyle.stroke;

    final radius = size.width / 2;
    final rect = Rect.fromCircle(
      center: Offset(radius, radius),
      radius: radius,
    );

    const startAngle = -pi / 2;
    context.canvas.drawArc(rect, startAngle, progress * 2 * pi, false, paint);
  }

  @override
  bool get isRepaintBoundary => true;
}