向ClipPath添加背景色不起作用

问题描述

如何为自定义ClipPath添加背景色?

尝试了以下操作,但不起作用

ClipPath(
    clipper: MyClipper(),child: Container(color: Colors.yellowAccent),)

class MyClipper extends CustomClipper<Path> {
  @override
  Path getClip(Size size) {
    final Path path = Path();
    path.moveto(0,0);
    path.lineto(size.width - 10,0);
    path.lineto(size.width,size.height / 2);
    path.lineto(size.width - 10,size.height);
    path.lineto(0,0);
    path.close();

    return path;
  }

  @override
  bool shouldReclip(MyClipper oldClipper) => false;
}

解决方法

带有颜色的容器可能没有大小,请尝试添加高度和宽度double.infinity或您想要的大小