Flutter 如何在颤振中仅在底部添加边框/阴影?
我有一张如下所示的卡片: 我想在底部增加一些宽度(我不知道怎么称呼它,但它只是有一个按钮一样的感觉),应该是这样的:Flutter 如何在颤振中仅在底部添加边框/阴影?,flutter,Flutter,我有一张如下所示的卡片: 我想在底部增加一些宽度(我不知道怎么称呼它,但它只是有一个按钮一样的感觉),应该是这样的: Card( clipBehavior: Clip.antiAlias, elevation: 5, borderOnForeground: true, color: Colors.black, shadowColor: Colors.black,
Card(
clipBehavior: Clip.antiAlias,
elevation: 5,
borderOnForeground: true,
color: Colors.black,
shadowColor: Colors.black,
margin: EdgeInsets.all(10),
shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
child: Stack(
alignment: Alignment.center,
children: <Widget>[
Ink.image(
image: CachedNetworkImageProvider(
widget.wimageUrl,
),
height: 100,
colorFilter: new ColorFilter.mode(
Colors.black.withOpacity(0.85), BlendMode.dstATop),
fit: BoxFit.cover,
),
BorderedText(
strokeColor: Colors.black,
strokeWidth: 1,
child: Text(widget.wtitle,
style: TextStyle(
fontWeight: FontWeight.bold,
fontFamily: 'Roboto',
color: Colors.white,
fontSize: 30)),
),
],
),
),
您可能会注意到,它给人一种按钮式的感觉
我尝试添加一个容器,但它没有给我想要的确切感觉
总结如下:
输入:圆形卡片元素
输出:在第二张图片中有相同的感觉
我的卡片代码如下:
Card(
clipBehavior: Clip.antiAlias,
elevation: 5,
borderOnForeground: true,
color: Colors.black,
shadowColor: Colors.black,
margin: EdgeInsets.all(10),
shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
child: Stack(
alignment: Alignment.center,
children: <Widget>[
Ink.image(
image: CachedNetworkImageProvider(
widget.wimageUrl,
),
height: 100,
colorFilter: new ColorFilter.mode(
Colors.black.withOpacity(0.85), BlendMode.dstATop),
fit: BoxFit.cover,
),
BorderedText(
strokeColor: Colors.black,
strokeWidth: 1,
child: Text(widget.wtitle,
style: TextStyle(
fontWeight: FontWeight.bold,
fontFamily: 'Roboto',
color: Colors.white,
fontSize: 30)),
),
],
),
),
卡(
clipBehavior:Clip.antiAlias,
标高:5,
边界前景:对,
颜色:颜色,黑色,
阴影颜色:颜色。黑色,
保证金:所有(10),
形状:
RoundedRectangleBorder(borderRadius:borderRadius.circular(10)),
子:堆栈(
对齐:对齐.center,
儿童:[
墨水图像(
图像:CachedNetworkImageProvider(
widget.wimageUrl,
),
身高:100,
colorFilter:新的colorFilter.mode(
颜色。黑色。不透明度(0.85),混合模式。DSTOP),
适合:BoxFit.cover,
),
带边框的文本(
strokeColor:Colors.black,
冲程宽度:1,
子项:文本(widget.wtitle,
样式:TextStyle(
fontWeight:fontWeight.bold,
fontFamily:“机器人”,
颜色:颜色,白色,
尺寸:30),,
),
],
),
),
宽度是什么意思?是否要增加拐角半径?如果是,请将此BorderRadius.circular(10)
更改为BorderRadius.circular(30)
或其他值。我不知道如何表达该名称,请检查第二张图像。它不是一个角半径。我希望有一些笔划,底部的宽度,如第二幅图。我的意思是它像一个阴影,但它比阴影强,因为它的宽度是可见的,但它不强,它给按钮阴影的感觉。我想这是一个围绕一个很好的tho,若你们想拥有阴影,你们可以将你们的卡包装在容器中,并使用boxshadow!请把你的答案加上代码,并出示与我要求的答案相同的证据。谢谢