Flutter:ClipOval推剪标高

时间:2018-09-02 02:54:06

标签: flutter shadow elevation clipper

Bottom Shadow

您好,我是新手,还是想从运球的Shakuro来创建此设计。我在尝试为剪切器创建高程时遇到了麻烦,因为整个矩形都在获取阴影,而不是仅剪切器。

有没有办法在推子下面放置高程或类似阴影的类似效果?

1 个答案:

答案 0 :(得分: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