如何修复UITableView中圆形加载指示器被好友标签遮挡的问题

为UITableView配置自定义下拉圆形加载指示器（spinner）并添加约束后，实际运行时加载指示器会被列表中的「好友(1)」分组标签遮挡，需要调整逻辑解决遮挡问题。

问题本质是层级关系与约束逻辑错位，具体有两个常见触发点：

• loadingIndicator的直接父视图是refreshControl，你却跨层拿tableView作为约束参照计算中心位置，触发布局偏移
• 仅给加载指示器添加了水平方向的约束，没有补全垂直方向的位置与尺寸约束。初始化加载指示器时，refreshControl还未完成布局，传入的bounds为零值，导致指示器位置漂移到tableView的正常内容展示区，和分组内容发生层级重叠

• 修正约束参照系：所有和loadingIndicator相关的布局约束，全部以它的直接父视图refreshControl为参照，不要跨层绑定tableView
• 补全布局约束：增加垂直方向的居中约束，同时固定指示器的展示尺寸，避免因为约束不全导致的位置漂移
• 确保层级正确：把加载视图的z轴顺序调到最上层，保证它不会被列表内容覆盖

loadingIndicator.snp.makeConstraints { make in
    // 完全相对于直接父视图refreshControl居中布局
    make.center.equalToSuperview()
    // 固定指示器尺寸，避免零尺寸引发的布局异常
    make.width.height.equalTo(40)
}

你把refreshControl.tintColor设为透明后，系统自带的默认刷新控件虽然不可见，但仍然会占据内部布局空间。只要自定义加载指示器严格按照父视图居中布局，就会始终跟随refreshControl的滚动范围，处在列表上方的下拉展示区域，不会偏移到内容区被分组标签遮挡。

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