Блог

Я экспериментировал с пользовательской машинкой для стрижки. Я пытаюсь нарисовать этот соблазнительный синий контейнер. Почему-то я не могу разобраться (в настоящее время новичок). Могу ли я помочь с фрагментом кода путей пользовательского клипера? Скорее всего, я неправильно записываю пути.

Вот изображение:

использование custompaint calss

 class _MyHomePageState extends State<MyHomePage>  {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: CustomPaint(
          painter: BackgroundPaint(),
          child: Container(
            child: Center(
              child: Text("hello"),
            ),
          ),
        ),
        backgroundColor: Colors.blue,
      ),
    );
  }
}

class BackgroundPaint extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint();
    Path path = Path();
    paint.color = Colors.white;
    path.lineTo(0, size.height *0.3);
    path.quadraticBezierTo(size.width*0.70, size.height*0.60, size.width*1.2, 0);
    path.close();
    canvas.drawPath(path, paint);
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return oldDelegate != this;
  }
}