我有一个图像网格,我希望每个图像的右上角都有一个删除图标。
我用以下代码实现了它:
return Stack(
alignment: Alignment.topRight,
fit: StackFit.expand,
children: <Widget>[
Image(
image: image,
fit: BoxFit.cover,
),
Icon(Icons.delete, color: Colors.white,),
],
);
我得到了什么
问题是,正如您所看到的,即使我将Stack的对齐方式设置为Alignment.topRight
,删除图标也位于图像的中心而不是右上方。我知道发生这种情况是因为我将Stack的fit设置为StackFit.expand
,但是如果我将其移除,则Image的fit属性将被忽略,我将得到此信息:
如果我想使我的图像保持正方形并将图标移动到边框,该怎么办?
答案 0 :(得分:3)
您应该只为图标设置对齐方式,因此请将图标包装在_id:5d0fe110d7b8c01a4c633222
Category:"Stripveiling (Nederlands)"
Lot title:"Blake en Mortimer - S.O.S. Meteoren - 1e Druk HC 1959"
Seller name:"Stripsmagazijn"
Seller country:"Nederland"
Bids count:22
Winning bid:"€ 1.950"
Bid amount:"Closed"
小部件中并设置其对齐方式。
Align