custom_pin_widget.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
 
class CustomPinWidget extends StatelessWidget {
  final Color color;
  final double size;
  final bool hasShadow;
 
  const CustomPinWidget({
    super.key,
    required this.color,
    required this.size,
    this.hasShadow = false,
  });
 
  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: size,
      height: size * 1.4,
      child: Stack(
        alignment: Alignment.topCenter,
        children: [
          if (hasShadow)
            Positioned(
              bottom: -10,
              left: (size - size * 0.6) / 2,
              child: Container(
                width: size * 0.6,
                height: size * 0.15,
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(size * 0.9),
                  color: Colors.black.withValues(alpha: 0.8),
                ),
              ),
            ),
          CustomPaint(
            size: Size(size, size * 1.4),
            painter: PinPainter(color: color),
          ),
          Positioned(
            top: size * 0.25,
            child: Container(
              width: size * 0.3,
              height: size * 0.3,
              decoration: const BoxDecoration(
                color: Colors.white,
                shape: BoxShape.circle,
              ),
            ),
          ),
        ],
      ),
    );
  }
}
 
class PinPainter extends CustomPainter {
  final Color color;
 
  PinPainter({required this.color});
 
  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()
      ..color = color
      ..style = PaintingStyle.fill;
 
    final circleRadius = size.width * 0.4;
    final circleCenter = Offset(size.width / 2, circleRadius);
    
    canvas.drawCircle(circleCenter, circleRadius, paint);
    
    final lineWidth = size.width * 0.1;
    final lineBottom = Offset(size.width / 2, size.height);
    
    final rect = Rect.fromLTRB(
      size.width / 2 - lineWidth / 2,
      circleRadius * 1.6,
      size.width / 2 + lineWidth / 2,
      size.height,
    );
    
    canvas.drawRect(rect, paint);
    canvas.drawCircle(lineBottom, lineWidth / 2, paint);
  }
 
  @override
  bool shouldRepaint(CustomPainter oldDelegate) => false;
}