HarmonyOS开发者社区

这个问题很常见，基本上就是图片加载完之后没有触发重新布局导致的。

List 里用 Image 组件的时候，如果你写的是高度自适应，那图片真正加载完成之前，系统是不知道它实际占多高的，这时候给它分配的空间可能就不对。等图片真正下载完渲染出来了，内容高度变了，但 List 的 item 高度没跟着更新，就会出现内容溢出或者被截断的情况。

比较直接的解决办法是：给 Image 组件设一个明确的宽高比或者固定高度，不要完全靠内容撑开。比如你知道列表里的图片都是 16:9 的，那就直接给个 aspectRatio: 1.78，这样布局阶段就知道该给多高了，不会等图片加载完才发现不对。

如果实在没法预知尺寸，可以监听图片的 onComplete 回调，拿到实际的宽高之后，更新一下对应的状态变量，让组件重新布局。但这种方式会有一次重新计算的开销，列表长的时候要注意性能。

另外还要注意一下 Image 的 objectFit 属性，如果你设了 ScaleFill 之类的，图片可能会被拉伸，但 item 高度还是按原来的算，也容易出现对不上的情况。用 AspectFit 或者 AspectFill 会更稳一些。