我有一个带有ListTile
的ListView
。每个ListTile
都有一个带有Text
的title
,一个带有Text
的subtitle
和一个带有Image
的leading
。
现在,图像太大了,垂直伸展到下一行,与那里的图像重叠。
如何确保图像留在边界内?
编辑:
我不想给图像一个固定的大小,而是让它根据标题+副标题的内在高度调整列表项的高度。
我有一个带有ListTile
的ListView
。每个ListTile
都有一个带有Text
的title
,一个带有Text
的subtitle
和一个带有Image
的leading
。
现在,图像太大了,垂直伸展到下一行,与那里的图像重叠。
如何确保图像留在边界内?
编辑:
我不想给图像一个固定的大小,而是让它根据标题+副标题的内在高度调整列表项的高度。
在ListTile
中使用CircleAvatar
作为leading
。如果需要,它还有一个radius
属性可以更改。
leading: CircleAvatar(
backgroundImage: AssetImage("..."), // No matter how big it is, it won't overflow
),
如果您想使用矩形图片,可以使用{{rectangle image}}。
leading: ConstrainedBox(
constraints: BoxConstraints(
minWidth: 44,
minHeight: 44,
maxWidth: 64,
maxHeight: 64,
),
child: Image.asset(profileImage, fit: BoxFit.cover),
),
请执行以下操作:
leading: SizedBox(
height: 100.0,
width: 100.0, // fixed width and height
child: Image.asset(...)
)
ConstrainedBox
并根据需要设置最小/最大宽度/高度。 - CopsOnRoad