SwiftUI长列表多选优化：解决快速滚动选中后列表跳转问题

问题根源 #

你当前的实现里，每次selectedIds数组变化，ForEach里的所有ItemView都会重新计算isSelected = selectedIds.contains(item.uuid)，触发大量视图重渲染。加上List的cell复用机制，快速滚动时未渲染的cell在状态更新后重新加载，直接导致滚动偏移被重置，出现跳变。另外，直接给子视图传递$selectedIds绑定，会让子视图的操作直接触发父视图全局状态更新，进一步放大了重渲染范围。

解决方法 #

方案1：把选中状态封装到Item模型（推荐）

将选中状态直接绑定到每个Item对象上，避免用全局数组统一管理，从根源减少全局状态变更带来的批量重渲染：

// 修改Item模型，添加选中状态（根据你的模型类型调整，这里用ObservableObject示例）
class Item: Identifiable, ObservableObject {
    let uuid: UUID
    var name: String
    @Published var isSelected: Bool = false
    
    init(uuid: UUID, name: String) {
        self.uuid = uuid
        self.name = name
    }
}

// 父视图代码
struct ContentView: View {
    @StateObject private var items = (0..<1000).map { Item(uuid: UUID(), name: "Item \($0)") }

    var body: some View {
        List {
            Section {
                Text("Header")
            }

            Section {
                ForEach(items) { item in
                    ItemView(item: item)
                }
            }

            Section {
                Text("Footer")
            }
        }
    }
}

// 子视图ItemView
struct ItemView: View {
    @ObservedObject var item: Item

    var body: some View {
        HStack {
            Text(item.name)
            Spacer()
            Button {
                item.isSelected.toggle()
            } label: {
                Image(systemName: item.isSelected ? "checkmark.circle.fill" : "circle")
            }
        }
        .foregroundColor(item.isSelected ? .blue : .primary)
    }
}

每个Item的选中状态独立，变更时只会触发当前ItemView的重渲染，完全不会影响整个列表的布局，彻底解决滚动跳转问题。

方案2：优化全局选中数组的状态更新

如果不想修改原有Item模型，可以通过以下两点优化：

1. 用Set<UUID>替代Array<UUID>：contains操作在Set里是O(1)，数组是O(n)，1000条数据时性能差异显著，减少计算耗时。
2. 用闭包传递选中操作，避免子视图直接持有父视图的状态绑定，减少不必要的视图刷新。

代码示例：

struct ContentView: View {
    @State private var selectedIds = Set<UUID>()
    private let items = (0..<1000).map { Item(uuid: UUID(), name: "Item \($0)") }

    var body: some View {
        List {
            Section {
                Text("Header")
            }

            Section {
                ForEach(items) { item in
                    let isSelected = selectedIds.contains(item.uuid)
                    ItemView(
                        item: item,
                        isSelected: isSelected,
                        onToggle: {
                            isSelected ? selectedIds.remove(item.uuid) : selectedIds.insert(item.uuid)
                        }
                    )
                }
            }

            Section {
                Text("Footer")
            }
        }
    }
}

struct ItemView: View {
    let item: Item
    let isSelected: Bool
    let onToggle: () -> Void

    var body: some View {
        HStack {
            Text(item.name)
            Spacer()
            Button(action: onToggle) {
                Image(systemName: isSelected ? "checkmark.circle.fill" : "circle")
            }
        }
        .foregroundColor(isSelected ? .blue : .primary)
    }
}

// 原Item模型示例
struct Item: Identifiable {
    let id, uuid: UUID
    let name: String
}

方案3：辅助禁用List自动滚动调整

如果前两个方案仍有残留问题，可以尝试禁止List在状态变更时自动调整滚动位置，作为辅助手段：
在List末尾添加：

.listStyle(.plain)
.environment(\.defaultMinListHeaderHeight, 0) // 可选，避免header/footer高度变化干扰滚动

注意这个方案是治标，优先用前两个方案解决根源问题。

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