Flutter:堆栈忽略图像的对齐方式属性

时间:2019-07-03 11:59:17

标签: flutter dart

我有一个图像网格,我希望每个图像的右上角都有一个删除图标。

我用以下代码实现了它:

return Stack(
  alignment: Alignment.topRight,
  fit: StackFit.expand,
  children: <Widget>[
    Image(
      image: image,
      fit: BoxFit.cover,
    ),
    Icon(Icons.delete, color: Colors.white,),
  ],
);

我得到了什么

stack problem

问题是,正如您所看到的,即使我将Stack的对齐方式设置为Alignment.topRight,删除图标也位于图像的中心而不是右上方。我知道发生这种情况是因为我将Stack的fit设置为StackFit.expand,但是如果我将其移除,则Image的fit属性将被忽略,我将得到此信息:

stack problem

如果我想使我的图像保持正方形并将图标移动到边框,该怎么办?

1 个答案:

答案 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