Flutter:ClipOval Clipper 高度

Question

Bottom Shadow

您好，我是 Flutter 的新手，并试图从 Dribble 的 Shakuro 创建这个设计。我在尝试为剪裁器创建高程时遇到了麻烦，因为整个矩形正在获取阴影而不是仅剪裁器。

有没有办法在裁剪器下方放置高程或类似阴影的效果？

Answer 1

您可以将 child 包装在 Container 中，并在 BoxDecoration 中使用 Circle 形状，如下所示:

  new Container(
            height: 300.0,
            width: 300.0,
            child: Center(child: Text("Your child here")),
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.white,
              boxShadow: [
                BoxShadow(
                    color: Colors.grey,
                    blurRadius: 5.0,
                    offset: Offset(5.0, 5.0),
                    spreadRadius: 5.0)
              ],
            ),
          )

结果: