Sunflower example

readme.md

Sunflower example

Created with <3 with dartpad.dev.

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(HomeScreen());
}

class CardClipper extends CustomClipper<Path> {
  @override
  Path getClip(Size size) {
    Path path = Path();

    path.lineTo(size.width, 0);
    path.lineTo(size.width, size.height * 1);
    path.quadraticBezierTo(size.width * .5, size.height * .7, 0, size.height);
    path.lineTo(0, 0);

    path.close();
    return path;
  }

  @override
  bool shouldReclip(CustomClipper old) => false;
}

class ProfileClipper extends CustomClipper<Path> {
  @override
  Path getClip(Size size) {
    Path path = Path();

    path.lineTo(size.width, 0);
    path.lineTo(size.width, size.height * .35);
    path.quadraticBezierTo(size.width * .5, size.height, 0, size.height*.35);
    path.lineTo(0, 0);

    path.close();
    return path;
  }

  @override
  bool shouldReclip(CustomClipper old) => false;
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Column(
            children: [
              ClipPath(
                clipper: CardClipper(),
                child: Container(
                  width: 250,
                  height: 250,
                  color: Colors.blue,
                ),
              ),
              const SizedBox(height: 20),
              ClipPath(
                clipper: ProfileClipper(),
                child: Container(
                  width: 250,
                  height: 250,
                  color: Colors.red,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}