Как установить высоту изображения в ListTile во Flutter?

Question

У меня есть список в моем приложении 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"));
              },
            ),
          ),

Вот как это выглядит:

And this is what I'm trying to achieve: введите описание изображения здесь

Answer 1

Для этого необходимо указать размер и подгонку под изображение.

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

Вывод:

Выходное изображение