卡底部有白条

时间:2019-01-07 18:43:00

标签: flutter

我的卡片底部有一条白线,我不知道该如何摆脱它。

enter image description here

这是我的代码:

return Card(
  margin: EdgeInsets.all(10),
  elevation: 8,
  semanticContainer: true,
  clipBehavior: Clip.antiAliasWithSaveLayer,
  child: Stack(
    alignment: Alignment.bottomCenter,
    children: <Widget>[
      Image.asset(
        'assets/push.jpg',
        fit: BoxFit.cover,
      ),
      LinearProgressIndicator(
        value: 0.8,
      ),
    ],
  ),
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(10)
  ),
);

有什么想法吗?

编辑:我发现此问题与堆栈的高度有关。以下代码也存在这个问题:

return Card(
  margin: EdgeInsets.all(10),
  elevation: 10,
  semanticContainer: true,
  clipBehavior: Clip.antiAliasWithSaveLayer,
  child: Column(
    children: <Widget>[
      Container(
        color: Colors.red,
        height: 270,
      ),
      LinearProgressIndicator(
        value: 0.8,
      ),
    ]
  ),
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(10)
  ),
);

但是奇怪的是,当我将容器的高度更改为200 ...

编辑2:使用diegoveloper代码,它看起来像这样:

enter image description here

1 个答案:

答案 0 :(得分:0)

尝试使用小于或等于5的海拔高度

        Container(
                  height: 300.0,
                  width: MediaQuery.of(context).size.width,
                  child: Card(
                    elevation: 5,
                    margin: EdgeInsets.all(10),
                    clipBehavior: Clip.antiAliasWithSaveLayer,
                    child: Column(children: <Widget>[
                      Container(
                        color: Colors.red,
                        height: 270,
                      ),
                        LinearProgressIndicator(
                          value: 0.8,
                        ),
                    ]),
                    shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(10)),
                  )),