我有一张如下所示的卡片:
我想在底部添加一些宽度(我不知道如何称呼它,但只是为了有一种类似按钮的感觉)应该如下所示:
您可能会注意到,它给人一种按钮式的感觉。
我尝试添加一个容器,但它没有给出我想要的确切感觉。
总结:
输入:圆形卡片元素
输出:在第二张图中有相同的感觉
我的卡片代码是这样的:
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)),
),
],
),
),