Heart shape container flutter

class Heart extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: CustomPaint(
        painter: TrianglePainter(
          strokeColor: Color(0xFFF27788),
          paintingStyle: PaintingStyle.fill,
        ),
        child: Container(
          height: 60 * Dep.hr,
          width: 60 * Dep.hr,
        ),
      ),
    );
  }
}

class TrianglePainter extends CustomPainter {
  final Color strokeColor;
  final PaintingStyle paintingStyle;
  final double strokeWidth;

  TrianglePainter({this.strokeColor, this.strokeWidth = 3, this.paintingStyle = PaintingStyle.stroke});

  @override
  void paint(Canvas canvas, Size size) {
    Paint paint = Paint()
      ..color = strokeColor
      ..strokeWidth = strokeWidth
      ..style = paintingStyle;

    canvas.drawPath(getTrianglePath(size.width, size.height), paint);
  }

  Path getTrianglePath(double x, double y) {
    return Path()
      ..moveTo(y, 0)
      ..lineTo(0, 0)
      ..lineTo(x / 2, y);
  }

  @override
  bool shouldRepaint(TrianglePainter oldDelegate) {
    return oldDelegate.strokeColor != strokeColor ||
        oldDelegate.paintingStyle != paintingStyle ||
        oldDelegate.strokeWidth != strokeWidth;
  }
}

Source: stackoverflow.com

Similar codes

1 vote281 views3 answers
Round off double in flutter
Dart
0 vote291 views2 answers
AudioPlayerState.Playing flutter
Dart
18 votes326 views4 answers
Flutter rich text
Dart
9 votes275 views2 answers
How to make a column scrollable in flutter
Dart
1 vote275 views1 answer
Sort list descending from spesific maps key in dart
Dart
-2 votes287 views1 answer
How to get theme color inside the widget in Flutter
Dart
43 votes430 views6 answers
Dart string to int
Dart
2 votes254 views1 answer
Brew install sublime text
Dart
0 vote284 views1 answer
Align column to center of flex flutter
Dart
3 votes327 views2 answers
Flutter textbutton
Dart