Flutter 不规则圆角裁切

image.png

class GradientPainter extends CustomPainter {
  static const double cornerRadius = 16.0; // 定义圆角半径

  @override
  void paint(Canvas canvas, Size size) {
    Paint paint = Paint()
      ..shader = const LinearGradient(
        colors: AppColor.brandjb,
        begin: Alignment.topLeft,
        end: Alignment.bottomRight,
      ).createShader(Rect.fromLTWH(0, 0, size.width, size.height));

    Path path = Path();
    path.lineTo(0, size.height); // 左侧下降
    path.quadraticBezierTo(0, size.height - cornerRadius, cornerRadius, size.height - cornerRadius);
    path.lineTo(size.width - cornerRadius, size.height - cornerRadius);
    path.quadraticBezierTo(size.width, size.height - cornerRadius, size.width, size.height - cornerRadius * 2); // 右侧向上
    path.lineTo(size.width, 0);
    path.close();

    canvas.drawPath(path, paint);
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) => false;
}