UICollectionViewCompositionalLayout下嵌套UICollectionView自sizing失效如何解决

核心原因 #

contentSize始终为0的问题根源是UICollectionViewCompositionalLayout的列表布局计算内容尺寸时，需要先获知集合视图的实际宽度才能正确计算每行单元格的高度，进而得到总高度。你当前的实现中没有给布局计算提供有效的宽度参考，导致布局引擎无法计算出正确的内容尺寸。

修复步骤 #

1. 优化SelfSizingCollectionView的实现 #

修改intrinsicContentSize的计算逻辑，在布局前先给集合视图一个临时宽度，让布局引擎可以基于这个宽度计算内容高度：

class SelfSizingCollectionView: UICollectionView {
    override init(frame: CGRect, collectionViewLayout layout: UICollectionViewLayout) {
        super.init(frame: frame, collectionViewLayout: layout)
        isScrollEnabled = false
        contentInsetAdjustmentBehavior = .never
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override var contentSize: CGSize {
        didSet {
            if oldValue != contentSize {
                invalidateIntrinsicContentSize()
            }
        }
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 只有当bounds宽度变化时才触发重算，避免重复无效调用
        if bounds.width != oldValue.width {
            invalidateIntrinsicContentSize()
        }
    }

    override var intrinsicContentSize: CGSize {
        // 先确保当前布局已经应用了最新的宽度
        if bounds.width == 0 {
            layoutIfNeeded()
        }
        // 给布局一个临时的有效宽度，用于计算内容高度
        let targetWidth = bounds.width > 0 ? bounds.width : UIScreen.main.bounds.width
        let tempSize = CGSize(width: targetWidth, height: .greatestFiniteMagnitude)
        // 主动触发布局计算，拿到真实的内容尺寸
        let contentSize = collectionViewLayout.contentSize(for: tempSize)
        
        return CGSize(
            width: UIView.noIntrinsicMetric,
            height: contentSize.height
        )
    }
}

2. 修正DiffableDataSource快照应用后的更新时机 #

apply(_:animatingDifferences:)方法默认是异步执行的，你需要在快照应用完成后主动触发UICV2的布局更新：

// 应用快照的代码示例
var snapshot = NSDiffableDataSourceSnapshot<Section, Item>()
// 往快照中添加section和item的逻辑...
dataSource.apply(snapshot, animatingDifferences: false) { [weak self] in
    guard let self = self else { return }
    self.uicv2.invalidateIntrinsicContentSize()
    // 同时触发外层UICV1的单元格更新
    self.uicv1.collectionViewLayout.invalidateLayout()
}

3. 检查Auto Layout约束 #

确保UICV2在Stack View中的约束符合要求：

• 仅设置Leading、Trailing、Top、Bottom和Stack View的对应边对齐，不要添加固定高度约束
• 外层Stack View的alignment设置为fill、distribution设置为fill，不要设置成等宽等高或者其他对齐模式

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