flutter Image图片设置大小失效

最新推荐文章于 2025-02-20 11:10:50 发布

BFELFISH

最新推荐文章于 2025-02-20 11:10:50 发布

阅读量7.2k

点赞数 5

分类专栏： flutter

本文链接：https://blog.csdn.net/BFELFISH/article/details/109668918

版权

flutter 专栏收录该内容

14 篇文章

订阅专栏

在Flutter开发中，遇到一个问题：设置Container宽度和高度为47.5，内部使用Image.asset，期望图片尺寸为20x20，但实际显示图片大小为47.5x47.5。通过在Container和Image.asset之间添加一个Center widget，成功解决了图片尺寸不符的问题，使得图片按预期显示为20x20。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Container(
            width: 47.5,
            height: 47.5,
            child: Image.asset(
                CommonUtils.getAssertImagePath('home_label_menu'),
                color: Colors.black,
                width: 20,
                height: 20,
              ),
          ),

如上面这样写代码之后发现图片并不是20而是47.5

在container和iamge中间插一个控件就解决了

Container(
            width: 47.5,
            height: 47.5,
            child: Center(
              child: Image.asset(
                CommonUtils.getAssertImagePath('home_label_menu'),
                color: Colors.black,
                width: 20,
                height: 20,
              ),
            ),
          ),