颤动：ClipOval剪裁器抬高

Posted 2021-03-27

Bottom Shadow

嗨，我是新手，试图从运动的Shakuro创造这个设计。我在尝试为限幅器创建高程时遇到了麻烦，因为整个矩形只获得阴影而不是剪切器。

有没有办法在限幅器下放置高度或类似阴影效果？

答案

你可以将你的child包裹在你的Container中的Circle形状的BoxDecoration中，如下所示：

  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)
              ],
            ),
          )

结果：