flutter - ListTile 中的前导图像溢出

Question

我有一个带有 ListTile 的 ListView。每个 ListTile 都有一个带有 Text 的 title、带有 Text 的 subtitle 和 >前导与图像。

现在，图像太大，垂直延伸到下一行，与图像重叠。

如何确保图像保持在界限内？

编辑:

我不想给图像一个固定大小，而是让它调整到由标题+副标题的固有高度给定的列表图 block 的高度。

Answer 1

您应该在 ListTile 中使用 CircleAvatar 作为 leading。如果您愿意，它也有一个 radius 属性，您可以更改该属性。

leading: CircleAvatar(
  backgroundImage: AssetImage("..."), // no matter how big it is, it won't overflow
),

---

如果你想使用矩形图像，你可以使用

leading: ConstrainedBox(
  constraints: BoxConstraints(
    minWidth: 44,
    minHeight: 44,
    maxWidth: 64,
    maxHeight: 64,
  ),
  child: Image.asset(profileImage, fit: BoxFit.cover),
),