如何为 CustomClipper 创建的小部件制作合适的边框和阴影

Question

我在 a 中有一个Container小部件，ClipPath它使用CustomClipper. 一切正常，我有所需的小部件形状。

但是，我找不到为这个自定义形状的 Widget 制作阴影的方法。另外，我想要一个自动跟随这个自定义小部件边缘的轮廓（边框）。

再次没有运气。我试过BoxDecoration:border，BoxDecoration:boxShadow，ShapeDecoration:shape，ShapeDecoration:shadows，Material:Elevation，等。

Answer 1

基于@Bohdan Uhrynovskiy，我进一步调查并提出了这个解决方案：

CustomPaint(
  painter: BoxShadowPainter(),
  child: ClipPath(
  clipper: MyClipper(), //my CustomClipper
  child: Container(), // my widgets inside
)));


class BoxShadowPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    Path path = Path();
    // here are my custom shapes
    path.moveTo(size.width, size.height * 0.14);
    path.lineTo(size.width, size.height * 1.0);
    path.lineTo(size.width - (size.width  *0.99) , size.height);
    path.close();

    canvas.drawShadow(path, Colors.black45, 3.0, false);
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return true;
  }
}

您必须需要在paint()方法中提供您自己的自定义路径BoxShadowPainter