UICollectionViewCell无法加载显示图片 仅出现空单元格如何解决

问题根因&修复方案 #

1. 核心错误：混用SwiftUI与UIKit的Kingfisher组件 #

你当前在UIKit的cellForItemAt方法中使用的KFImage是Kingfisher为SwiftUI提供的图片组件，不会在UIKit的UIImageView上自动触发加载逻辑，仅写onSuccess回调不会主动发起网络请求，因此图片始终无法赋值。

修复方案：改用UIKit专属的Kingfisher扩展方法

Kingfisher原生提供了UIImageView的扩展，直接调用即可自动完成请求、赋值、复用处理，无需手动监听成功回调，修改cellForItemAt中的图片加载代码即可：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! PhotoCollectionViewCell
    // 替换原有KFImage逻辑
    if let imageName = presenter?.photos[indexPath.item].name, 
       let imageUrl = builder?.createImageUrl(name: imageName) {
        cell.imageView.kf.setImage(with: imageUrl)
    }
    return cell
}

2. 辅助排查点：UIImageView可见性校验 #

如果修改后还是看不到图片，确认自定义Cell的xib/Storyboard中，imageView已经添加了完整的约束：建议设置上下左右四条约束贴紧Cell的contentView，避免控件大小为0导致图片不可见。 #

额外优化建议 #

1. 移除不必要代码：onFetchPhotoSuccess回调中仅保留self.collectionView.reloadData()即可，invalidateLayout和layoutSubviews调用是多余的，不需要执行。
2. 修正点击事件无效问题：你当前写的didSelectItemAtIndexPath方法签名不符合Swift版本的UICollectionViewDelegate规范，修改为以下代码即可触发点击回调：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    print("You selected cell #\(indexPath.item)!")
}

3. 避免强制解包：原有代码中(presenter?.photos[indexPath.item].name)!的强制解包逻辑存在崩溃风险，改用可选绑定（如上面修复方案中的写法）更安全。

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