自定义 Clipper Bezier 曲线 Flutter

Question

我目前无法绘制贝塞尔曲线。

我现在的输出是：

我需要的输出是：

我应该在此处添加什么作为贝塞尔值来获得曲线？ 自定义裁剪器的代码sn-p为：

    class OnBoardingClipper extends CustomClipper<Path> {
  @override
  Path getClip(Size size) {
    var path = Path();
    path.moveTo(0.0, size.height * 0.18);
    path.lineTo(0.0, size.height);
    path.lineTo(size.width, size.height);
    path.lineTo(size.width, 0.0);
    return path;
  }

  @override
  bool shouldReclip(CustomClipper<Path> oldClipper) => false;
}

附：感谢您阅读并在格式错误的情况下道歉。 :-)

Answer 1

您可以添加 quadraticBezier，其值为例如 (3 / 4 * size.width, size.height * 0.18) 、 (size.width, size.height * 0.05)。

代码：

@override
  Path getClip(Size size) {
    var path = Path();
    path.moveTo(0.0, size.height * 0.18);
    path.quadraticBezierTo(
        3 / 4 * size.width, size.height * 0.18, size.width, size.height * 0.05);
    path.lineTo(size.width, size.height);
    path.lineTo(0.0, size.height);
    return path;
  }

结果：