CustomPaint、半円弧の途中から色を変えたい【Flutter】

Question

現在、CustomPaintで半円弧を作成しています。

---

????また、半円弧の途中から色を変えたいです。
解決策を教えて頂けると幸いです。

---

 CustomPaint(
                            size: Size(300, 300),　　　<----------
                            painter: MyPainter(),
                          ),

class MyPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {    
    final rect = Rect.fromLTRB(50, 0, 250, 200);       
    final startAngle = -math.pi / 1;                    <----------pi
    final sweepAngle = -math.pi / 1;       
    final useCenter = false;
    final paint = Paint()
      ..color = Colors.black                            <---------- ..
      ..style = PaintingStyle.stroke
      ..strokeWidth = 4;
    canvas.drawArc(rect, startAngle, sweepAngle, useCenter, paint);
  }

Answer 1

piは円周率です。
https://api.flutter.dev/flutter/dart-math/pi-constant.html

..は同じオブジェクトに対して複数のメソッドを呼び出すときに使えます。
https://stackoverflow.com/questions/49447736/list-use-of-double-dot-in-dart