SwiftUI List行取消选中时触发动作的实现方法咨询

嘿，我来帮你搞定这个问题～你现在遇到的核心问题是每个行的选中状态是各自独立管理的，父视图没办法统一控制哪些行是选中的，所以点击新行时旧行不会自动取消选中。

其实SwiftUI里更推荐用「集中式状态管理」来处理这种单选场景，把选中状态提到父视图里统一维护，这样就能轻松实现“点击新行，旧行自动取消选中”的效果，还能方便地处理取消选中时的事件。

修改后的完整代码 #

首先更新父视图ContentView，添加一个状态变量来记录当前选中的行：

struct ContentView: View { 
    @State var data : [String] = ["first","second","third","4th","5th"] 
    @State private var selectedItem: String? // 用来记录当前选中的项
    
    var body: some View { 
        List { 
            ForEach(data, id: \.self) { item in 
                ColoredRow(
                    text: item,
                    isSelected: selectedItem == item, // 告诉子视图是否被选中
                    onTap: {
                        selectedItem = item // 点击时更新选中项
                    }
                )
            }
        } 
    } 
} 

然后修改子视图ColoredRow，不再自己维护背景色状态，而是根据父视图传递的isSelected来决定样式：

struct ColoredRow: View { 
    var text: String
    var isSelected: Bool
    var onTap: () -> Void
    
    var body: some View{
        Text(text) 
            .background(isSelected ? Color.red : Color.white) // 根据选中状态切换背景
            .onTapGesture(perform: onTap)
            // 处理取消选中时的事件
            .onChange(of: isSelected) { oldValue, newValue in
                if oldValue && !newValue {
                    print("取消选中 \(text)")
                    // 这里可以添加你需要的取消选中动作，比如重置其他属性
                }
            }
    }
}

为什么这样能解决问题？ #

1. 状态统一管理：所有行的选中状态由父视图的selectedItem控制，当你点击新行时，selectedItem会更新为新的item，之前选中的行对应的isSelected会自动从true变成false，背景色也就跟着变回白色了。
2. 取消选中事件监听：通过.onChange(of: isSelected)修饰符，我们可以监听选中状态的变化——当oldValue是true而newValue是false时，就说明这行被取消选中了，这时就能执行你需要的自定义动作。

这种方式既符合SwiftUI的单向数据流理念，又能让状态逻辑更清晰，避免分散的状态导致的同步问题～

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