【发布时间】:2021-01-31 16:43:00
【问题描述】:
模拟器屏幕尺寸为 720 宽(720 x 1280: xhdpi)。并且图像小部件尺寸为 200px(高度和宽度)。
Image(
fit: BoxFit.fitWidth,
height: 200,
width: 200,
image: ...,
),
这是在具有纵向方向的模拟器中的样子。图片(200px宽)怎么会比屏幕宽度(720px)的一半还大?
【问题讨论】:
模拟器屏幕尺寸为 720 宽(720 x 1280: xhdpi)。并且图像小部件尺寸为 200px(高度和宽度)。
Image(
fit: BoxFit.fitWidth,
height: 200,
width: 200,
image: ...,
),
这是在具有纵向方向的模拟器中的样子。图片(200px宽)怎么会比屏幕宽度(720px)的一半还大?
【问题讨论】:
“720”不代表 Flutter 维度系统中的数字 720。说它是一台高 DPI 机器,那么宽度实际上是 720/2.0(或 2.5 或类似的东西,我忘了)。因此,“200”宽度的图像有这么宽是正常的。
编辑:请查看official doc 和this question。他们很好地解释了 Flutter 维度的单位。
【讨论】: