卡片底部有白条

Question

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

这是我的代码：

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 代码，它看起来像这样：

Answer 1

尝试使用小于或等于 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)),
                  )),