SwiftUI List视图中强制取消行选中状态的异常问题

使用带有selection Binding的SwiftUI List时，将selection设为nil后，List的行仍保持选中状态，UI未同步更新。以下是针对这个问题的几种解决方法：

方法一：给List添加动态ID强制刷新 #

给List绑定一个与selection关联的ID，当selection变化时，List会重新渲染，从而同步选中状态：

struct ContentView: View {
    @State private var selection: String?

    let names = ["a", "b", "c", "d"]

    var body: some View {
        NavigationView {
            VStack {
                List(names, id: \.self, selection: $selection) { name in
                    Text(name)
                }
                .id(selection) // 添加该行，绑定selection作为List的ID

                Button("Deselect") {
                    self.selection = nil
                }
            }
        }
    }
}

方法二：通过主队列延迟设置selection #

借助DispatchQueue.main.async延迟设置selection为nil，确保SwiftUI的状态更新流程能正确触发UI刷新：

Button("Deselect") {
    DispatchQueue.main.async {
        self.selection = nil
    }
}

方法三：自定义Binding处理状态更新 #

创建自定义Binding，在设置selection为nil时手动触发视图更新：

struct ContentView: View {
    @State private var selection: String?

    let names = ["a", "b", "c", "d"]

    private var selectionBinding: Binding<String?> {
        Binding(
            get: { selection },
            set: { newValue in
                selection = newValue
                withAnimation {} // 空动画触发视图更新
            }
        )
    }

    var body: some View {
        NavigationView {
            VStack {
                List(names, id: \.self, selection: selectionBinding) { name in
                    Text(name)
                }

                Button("Deselect") {
                    self.selection = nil
                }
            }
        }
    }
}

这些方法的核心是让SwiftUI明确感知到selection的状态变化，从而同步更新List的选中UI。

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