Flutter如何让图片适配CircleAvatar圆形头像组件完整显示内容

问题表现 #

使用CircleAvatar圆形头像组件加载本地资产图片作为用户头像时，即便设置了radius: 70的尺寸参数，最终仅能显示图片的极小一部分，无法正常展示完整头像内容。

问题代码 #

CircleAvatar(
  radius: 70,
  backgroundImage: AssetImage("Images/headshot_1.jpg"),
)

原因说明 #

该异常通常是CircleAvatar的父级组件约束限制导致的：如果父组件默认传递紧布局约束，会覆盖CircleAvatar本身设置的半径参数，限制其实际绘制尺寸，最终导致图片被强制缩放裁切，仅能显示局部。

解决方案 #

将CircleAvatar包裹在Row组件内即可解决：Row会给子组件提供宽松的水平布局约束，允许CircleAvatar按照设置的半径参数正常渲染尺寸，完整展示头像内容。

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