如何在 Flutter 中仅在底部添加边框/阴影?

时间:2021-05-13 12:12:08

标签: flutter

我有一张如下所示的卡片:

Image 1

我想在底部添加一些宽度(我不知道如何称呼它,但只是为了有一种类似按钮的感觉)应该如下所示:

Image 2

您可能会注意到,它给人一种按钮式的感觉。

我尝试添加一个容器,但它没有给出我想要的确切感觉。

总结:

输入:圆形卡片元素

输出:在第二张图中有相同的感觉

我的卡片代码是这样的:

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)),
                ),
              ],
            ),
          ),

0 个答案:

没有答案