在列表磁贴中更改圆头像大小

Question

我想增加 CircleAvatar 的大小作为列表磁贴的开头。但是如果我增加半径，圆就不会保持其比例并变成椭圆。

这是我的代码：

ListView.builder(
itemCount: friendlist.length,
itemBuilder: (BuildContext context, int index) {
print(friendlist[index]);
return ListTile(
title: Text(friendlist[index]["nickname"],
style: TextStyle(fontSize: 20)),
leading: CircleAvatar(
radius: 50,
backgroundColor: Colors.transparent,
backgroundImage: CachedNetworkImageProvider(core.url + "profiles/" + friendlist[index]["avatar_id"]),
),
subtitle:
Text(friendlist[index]["lost_last"])
);
}));

我尝试过：

1. 将圆形头像嵌套到具有固定宽度和高度的容器中 -> 圆形仍然是椭圆
2. 更改 ListView.builder 的 ItemExtent -> 圆仍然无法使用所有空白空间并变成椭圆。

谢谢

Answer 1

这目前在 ListTitle 中是不可能的，因为这是他们为小部件标准添加的应用限制

为了便于访问，可点击的前导和尾随小部件必须位于 大小至少为 48x48。但是，为了遵守材料规范，尾随 和单行列表磁贴中的前导小部件在视觉上最多应该 高度为 32(密集：真(或 40(密集：假(，可能会发生冲突 具有可访问性要求。

您可以根据需要创建自定义小部件。

Answer 2

其实有办法改变CircleAvatar，和大小相关的属性有两个：minRadius和maxRadius。分别用于设置最小和最大半径。如果您已经使用半径，则不允许使用最小半径和/或最大半径。相反，如果设置了最小半径或最大半径，则不允许使用半径：

CircleAvatar(
backgroundImage: NetworkImage('https://www.woolha.com/media/2020/03/eevee.png'),
minRadius: 50,
maxRadius: 75,
)