flutter 异形 控件

Flutter 中的自定义绘制（CustomPaint）和剪裁（ClipPath）可以很容易地实现异形控件。以下是一个简单的示例：

class CustomShape extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.blue,
      child: CustomPaint(
        painter: ShapePainter(),
        child: Container(),
      ),
    );
  }
}

class ShapePainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    var paint = Paint();
    paint.color = Colors.red;
    var path = Path();
    path.lineTo(0, size.height);
    path.lineTo(size.width, size.height);
    path.lineTo(size.width, size.height * 0.7);
    path.lineTo(size.width * 0.5, size.height * 0.5);
    path.lineTo(0, size.height * 0.7);
    path.close();
    canvas.drawPath(path, paint);
  }

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

在这个示例中，我们使用了自定义绘制和剪裁来创建一个有趣的异形控件。CustomPaint小部件提供了一个画布，在画布上面我们可以使用Paint绘制任何想要的形状。同时，我们还可以使用ClipPath小部件来裁剪画布上的部分区域，以达到异形效果。