Flutter中Image设置fitWidth时如何仅裁剪顶部保留底部显示？

你可以通过给Image组件设置alignment属性实现该效果，BoxFit.fitWidth默认采用居中对齐的裁剪策略，只要将对齐规则改为底部居中，就会自动仅裁剪顶部溢出的部分，完整保留图片底部内容。

修改后的代码如下：

Image.asset(
  'assets/images/xx.png',
  fit: BoxFit.fitWidth,
  alignment: Alignment.bottomCenter,
)

如果需要自定义裁剪的偏移比例，可以使用Alignment的坐标参数调整：x轴取值范围为-1_{1（对应左到右），y轴取值范围为-1}1（对应上到下），比如设置alignment: Alignment(0, 0.9)可以让图片再略微向下偏移，多保留底部、多裁剪顶部区域。

内容的提问来源于stack exchange，提问作者scott lee