Flutter:ClipOval 剪刀高度

car*_*rlo 5 elevation shadow clipper flutter

底部阴影

嗨,我是扑扑的新手,并试图从运球的 Shakuro 创造这个设计。我在尝试为剪刀创建高程时遇到了麻烦,因为整个矩形都在获得阴影,而不仅仅是剪刀。

有没有办法在剪刀下放置高程或类似阴影的效果?

die*_*per 10

你可以用你的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)
              ],
            ),
          )
Run Code Online (Sandbox Code Playgroud)

结果:

在此处输入图片说明