我的卡片底部有一条白线,我不知道该如何摆脱它。
这是我的代码:
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代码,它看起来像这样:
答案 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)),
)),