颤动:ClipOval剪裁器抬高

问题描述 投票:1回答:1

Bottom Shadow

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

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

flutter shadow elevation clipper
1个回答
1
投票

你可以将你的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)
              ],
            ),
          )

结果:

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.