Flutter中如何将完整图片适配到200×200的方形容器中？

你可以通过以下调整让整张图片完整显示在容器内：

• 移除Card的默认边距与内边距：Card组件默认带有内外边距，会压缩内部容器的实际可用空间，导致图片被裁剪。
• 移除固定对齐方式：保留默认的居中对齐，确保图片缩放后能完整填充容器可视区域。

修改后的代码如下：

return Scaffold(
  body: Center(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Card(
          clipBehavior: Clip.antiAliasWithSaveLayer,
          shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(20)),
          margin: EdgeInsets.zero,
          padding: EdgeInsets.zero,
          child: Container(
            height: 200,
            width: 200,
            decoration: BoxDecoration(
                image: DecorationImage(
                    image: AssetImage(
                      'assets/images/homepage.jpg',
                    ),
                    fit: BoxFit.contain)),
          ),
        ),
      ],
    ),
  ),
);

注：BoxFit.contain会保持图片原有比例并完整显示，若你希望图片填满容器（允许裁剪边缘），可将其替换为BoxFit.cover，但这会导致部分图片内容被裁切，不符合你"完整适配"的需求。

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