flutter image in custom shape path code example

Example 1: flutter image in custom shape path

class _CustomClipper extends CustomClipper {
  @override
  Path getClip(Size size) {
    final double heightDelta = size.height / 2.2;

    return Path()
      ..addRect(
          Rect.fromLTWH(0, heightDelta, size.width, size.height - heightDelta))
      ..moveTo(0, heightDelta)
      ..quadraticBezierTo(
        size.width / 2,
        heightDelta - size.width / 2,
        size.width,
        heightDelta,
      );
  }

  @override
  bool shouldReclip(CustomClipper oldClipper) => true;
}

Example 2: flutter image in custom shape path

ClipPath(
      clipper: _CustomClipper(),
      child: Container(...),
);

Tags:

Misc Example