如何在Flutter中的ListTile中设置图像的高度?

时间:2020-07-09 07:42:38

标签: flutter user-interface dart

我在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"));
              },
            ),
          ),

它是这样的: enter image description here

这就是我要实现的目标: enter image description here

1 个答案:

答案 0 :(得分:0)

您必须指定大小并适合您的图像才能实现此目的。

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

输出:

Output Image