Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 如何在颤振中仅在底部添加边框/阴影?_Flutter - Fatal编程技术网

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!请把你的答案加上代码,并出示与我要求的答案相同的证据。谢谢