在ListTile中更改CircleAvatar大小

时间:2020-07-04 15:07:15

标签: flutter listview user-interface mobile

我想将CircleAvatar的大小增加为Listtile的Leading。但是,如果我增加半径,圆便不会保持其比例,而是变成椭圆形。

这是我的代码:

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->圆形仍然无法使用所有空白区域,而是变成椭圆形。

谢谢

1 个答案:

答案 0 :(得分:0)

ListTitle当前无法实现,因为这是他们为小部件标准添加的应用限制

要访问,必须将可点击的前导和尾随小部件放在 尺寸至少为48x48。但是,为了遵守材料规范, 单行ListTiles中的领先小部件在视觉上最多应 高度为32(密集:正确)或40(密集:错误),可能会发生冲突 并具有可访问性要求。

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