flutter - 自定义 Clipper Bezier 曲线 Flutter

Question

我目前无法绘制贝塞尔曲线。
我现在的输出是:

我需要的输出是:

我应该在这里添加什么作为贝塞尔值来获得曲线？
自定义裁剪器的代码片段是:

    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;
  }

结果: