如何移除UICollectionView中UIHostingConfiguration的内边距？

问题根源 #

UIHostingConfiguration默认会给嵌入的SwiftUI视图添加系统内边距，再加上UICollectionViewCell本身的默认布局边距，两者叠加就导致了红色边框和蓝色边框之间的空隙。

具体解决步骤 #

1. 清空UIHostingConfiguration的默认内边距 #

创建配置时直接把contentInsets设为.zero：

var configuration = UIHostingConfiguration {
    CellView()
}
configuration.contentInsets = .zero

2. 关闭Cell的布局边距适配 #

在单元格配置代码里，禁用边距继承并清空自身布局边距：

cell.preservesSuperviewLayoutMargins = false
cell.layoutMargins = .zero

如果是自定义Cell，也可以在Cell的初始化方法里直接设置这两个属性。

3. 让SwiftUI视图填满可用空间 #

检查你的CellView，确保内部没有额外padding，并且强制视图填充父容器：

struct CellView: View {
    var body: some View {
        Text("示例内容")
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .border(.red)
    }
}

这里的frame(maxWidth: .infinity, maxHeight: .infinity)是核心，让SwiftUI视图尽可能占满单元格空间。

4. 检查CollectionView的Section内边距 #

如果以上步骤没解决问题，确认UICollectionView的布局是否设置了section内边距，比如用UICollectionViewFlowLayout时：

let layout = UICollectionViewFlowLayout()
layout.sectionInset = .zero
collectionView.collectionViewLayout = layout

完成以上设置后，SwiftUI视图的红色边框就能和单元格的蓝色边框完全重合，填满整个单元格空间。

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