Dashed arrow - Custom painter - flutter - dart

arrow.dart

class DownArrowPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()
      ..color = Color(0xFFA8BCFF)
      ..strokeCap = StrokeCap.round
      ..strokeWidth = 2;

    _drawVerticleLine(canvas, paint, size);
    _drawChevron(canvas, paint, size);
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) {
    return false;
  }

  void _drawChevron(Canvas canvas, Paint paint, Size size) {
    const dashSize = 2.0;
    const gapSize = 3.0;

    const chevronHeight = 22.0;

    var currentY = size.height;
    var currentX = size.width / 2;

    while ((currentY - gapSize) > size.height - chevronHeight) {
      canvas.drawLine(
        Offset(currentX, currentY),
        Offset(currentX - dashSize, currentY - dashSize),
        paint,
      );
      currentY -= dashSize + gapSize;
      currentX -= dashSize + gapSize;
    }
    currentY = size.height;
    currentX = size.width / 2;

    while ((currentY - gapSize) > size.height - chevronHeight) {
      canvas.drawLine(
        Offset(currentX, currentY),
        Offset(currentX + dashSize, currentY - dashSize),
        paint,
      );
      currentY -= dashSize + gapSize;
      currentX += dashSize + gapSize;
    }
  }

  void _drawVerticleLine(Canvas canvas, Paint paint, Size size) {
    const dashSize = 2.0;
    const gapSize = 4.0;

    final centerX = size.width / 2;
    const topOffset = 0;
    var currentY = 0.0 + topOffset;

    while ((currentY + gapSize) < size.height) {
      canvas.drawLine(
        Offset(centerX, currentY),
        Offset(centerX, currentY + dashSize),
        paint,
      );
      currentY += dashSize + gapSize;
    }
  }
}