Flutter中如何设置ListTile中图片的高度？答案

【问题标题】：How do I set the height of the image in the ListTile in Flutter?Flutter中如何设置ListTile中图片的高度？
【发布时间】：2020-07-09 07:42:38
【问题描述】：

我的 Flutter 应用程序中有一个列表，我正在尝试调整前导图像的大小以重新组合列表，如下所示。但是我不明白如何固定纵横比以使高度等于宽度并使框成为正方形。

这是我的 ListView 代码：

Expanded(
            child: ListView.builder(
              itemExtent: 100.0,
              //   padding: EdgeInsets.all(10.0),
              itemCount: filteredUsers.length,
              itemBuilder: (BuildContext context, int index) {
                return ListTile(
                    leading: ClipRRect(
                      borderRadius: BorderRadius.all(Radius.circular(4.0)),
                      child: Image.network(
                        "https://d36tnp772eyphs.cloudfront.net/blogs/1/2018/02/Taj-Mahal.jpg",
                      ),
                    ),
                    title: Text("Taj Mahal"),
                    subtitle: Text("India"));
              },
            ),
          ),

这是它的样子：

这就是我想要实现的目标：

【问题讨论】：

标签： flutter user-interface dart

【解决方案1】：

您必须指定尺寸并适合您的图像才能实现这一点。

Image.network(
   "https://d36tnp772eyphs.cloudfront.net/blogs/1/2018/02/Taj-Mahal.jpg",
   width: 50,
   height: 50,
   fit: BoxFit.cover,
),

输出：

【讨论】：

如何增加尺寸？
我尝试添加这个，但是当我将高度和宽度更改为 100 时，它给了我一个矩形图像而不是正方形
@SimranAswani 您可以做的一件事是，您可以将 ClipRRect 以 1:1 的比例包装在 AspectRatio 小部件中，但它仍然以当前方式显示图像，它不会尊重大小。而不是使用 ListTile，您可能想使用卡片创建一个自定义的