如何像图片一样为小部件添加阴影
您可以在下面的链接中找到小部件
[图像] [1]
[![在此处输入图片说明] [2]] [2]
我正在尝试制作一个小部件,以呈现此图像中显示的圆圈之一。它是带有阴影的透明圆圈。圆圈应显示应用于父容器的任何颜色或背景图像。圆是透明的,但我看到的是这样:一个黑盒子的影子,而不是父母的背景色。有什么建议么?
这是我到目前为止的内容:
class TransParentCircle extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
child: new Center(
child: new Container(
decoration: new BoxDecoration(
border: new Border.all(width: 1.0, color: Colors.black),
shape: BoxShape.circle,
color: Colors.transparent,
boxShadow: <BoxShadow>[
BoxShadow(
color: Colors.black,
offset: Offset(1.0, 6.0),
blurRadius: 40.0,
),
],
),
padding: EdgeInsets.all(16.0),
),
),
width: 320.0,
height: 240.0,
margin: EdgeInsets.only(bottom: 16.0));
}
}
Run Code Online (Sandbox Code Playgroud) 我在Flutter应用程序中实现了卡片.BoxShadow每张卡都需要一个自定义.如何才能做到这一点?
到目前为止我尝试过的是将BoxShadow属性添加到Card()构造函数中,这不起作用...