颤振自定义绘制响应问题

Question

我有这个设计（如照片所示），我正在使用自定义油漆来完成它，并且我使它具有响应性。它在某些屏幕上（左侧）看起来不错，但在更宽的屏幕上（右侧），它看起来不像它所设想的那样，如何使它看起来像绿色的那样。

这是我的自定义绘制代码：

class CustomBottomBar extends CustomPainter {
  CustomBottomBar({this.fillColor});
  Color fillColor;
  @override
  void paint(Canvas canvas, Size size) {
    Paint paint_0 = new Paint()
      ..color = fillColor
      ..style = PaintingStyle.fill
      ..strokeWidth = 1;

    Path path_0 = Path();
    path_0.moveTo(0, 0);
    path_0.lineTo(size.width * 0.30, 0);
    path_0.lineTo(size.width * 0.50, size.height * 0.62);
    path_0.lineTo(size.width * 0.70, 0);
    path_0.lineTo(size.width, 0);
    path_0.lineTo(size.width, size.height);
    path_0.lineTo(0, size.height);
    path_0.lineTo(0, 0);
    path_0.close();

    canvas.drawPath(path_0, paint_0);

    
  }

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