image - 图像高度不变

Question

我正在尝试更改图像高度，但它没有改变。

这是我的代码

 ListTile(
     
          leading: ClipRRect(
            borderRadius: BorderRadius.circular(10.0),
            child: Image.network(
              book.urlImage,
              fit: BoxFit.cover,
              width: 55,
              height: 90,
            ),
          ),

Answer 1

默认情况下，ListTile's前导小部件的最大高度为 56px。

这是源代码ListTile，

final Offset baseDensity = visualDensity.baseSizeAdjustment;
if (isOneLine)
  return (isDense ? 48.0 : 56.0) + baseDensity.dy;
if (isTwoLine)
  return (isDense ? 64.0 : 72.0) + baseDensity.dy;
return (isDense ? 76.0 : 88.0) + baseDensity.dy;

您可以查看每个条件的前导小部件的最大高度。90px 是不可能的。如果 90px 是你想要的，那么考虑ListTile用Rowand制作你自己的Column。

Answer 2

在 SizedBox 子项中设置您的图像

SizedBox(
  width: 50,
  height: 90,
  child: Image.network( 
     book.urlImage, 
     fit: BoxFit.cover,
  ),
)

Answer 3

您是否尝试过将 Listtile 放入容器中？

这样-->

Container(
        width: 100,
        height: 100,
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage(
             'assets/horoscopes/${horoscope.toLowerCase()}.png'),
          ),
          borderRadius: const BorderRadius.all(
            Radius.circular(25.0),
          ),
        ),
      ),

Answer 4

试试下面的代码希望它对你有帮助。

 ListTile(
            leading: Container(
              width: 150.0,
              height: 100.0,
              decoration: BoxDecoration(
                border: Border.all(
                  color: Colors.grey.shade500,
                ),
                image: DecorationImage(
                  image: NetworkImage(
                    'https://tech.pelmorex.com/wp-content/uploads/2020/10/flutter.png',
                  ),
                ),
                //shape: BoxShape.circle,
              ),
            ),
          ),

您的结果屏幕->