如题,在flutter中,Image.asset的填充是有BoxFit规格的。
enum BoxFit {
fill,contain,cover,fitWidth,fitHeight,none,scaleDown,
}
如果代码
child: Image.asset(
"assets/good/icon_set.png",
width: 24,
height: 24,
),
则大小并不是指定的24,而是其图片本身占据的大小,或者外围父控件控制的大小。那么要想大小随着widht、height变化,则,代码如下:
child: Image.asset(
"assets/good/icon_set.png",
fit: BoxFit.fill,
width: 24,
height: 24,
),
则就有对应的大小填充到图片。
其实还有一种方法,设置个scale,但是图片有时会失真。。。oh my god。。。哈哈
child: Image.asset(
"assets/good/icon_set.png",
// fit: BoxFit.fill,
width: 24,
height: 24,
scale: 0.5,
),
总结下,注意图片填充的方式,BoxFit。
本文探讨了Flutter中Image.asset组件的使用方法,特别是如何通过BoxFit属性控制图片的填充方式,确保图片能准确地按照指定的宽度和高度显示,避免失真。
1752

被折叠的 条评论
为什么被折叠?



