macOS下SwiftUI List行已选中却未高亮，原因何在？

问题现象 #

向TextField输入文本并添加到List后，代码已将新项设为选中状态（点击按钮可打印出正确的选中值），但该行不会高亮显示；如果添加新项前已有选中且高亮的行，新添加的项则能正常高亮。

原因分析 #

这是SwiftUI List的状态同步小问题：当首次设置选中状态且之前无任何选中项时，List内部的选择高亮UI没有及时同步更新。你先把新元素添加到fList，紧接着设置selectedFruit，此时List还没完成新行的视图渲染，导致选择状态的绑定没触发高亮UI的更新。而如果之前已有选中项，List的选择状态机制已经处于活跃状态，新设置的选中值就能正常触发高亮。

解决方案 #

方案1：延迟设置选中状态（简单有效）

给List一点时间完成新行渲染，用DispatchQueue.main.async延迟执行选中操作：

func addNewFruitName () {
    if newFruitName.count > 0 && !fruitList.fList.contains(newFruitName) {
        fruitList.fList.append(newFruitName)
        // 延迟到下一次主循环，让List先渲染新行
        DispatchQueue.main.async {
            fruitList.selectedFruit = newFruitName
        }
        newFruitName = "" // 清空输入框优化体验
    }
}

方案2：使用自定义唯一标识类型（长期可靠）

你当前用String作为List的id，不仅容易出现重复值问题，还会导致状态同步不稳定。可以定义带唯一UUID的结构体：

// 定义Fruit结构体，实现Identifiable和Hashable
struct Fruit: Identifiable, Hashable {
    let id = UUID()
    var name: String
}

// 修改ObservableObject
class FruitList : ObservableObject {
    @Published var fList : [Fruit] = [Fruit(name: "apple"), Fruit(name: "orange"), Fruit(name: "pear")]
    @Published var selectedFruit : Fruit?
}

// 修改ContentView中的List和添加方法
struct ContentView: View {
    @StateObject private var fruitList = FruitList()
    @State var newFruitName = ""

    var body: some View {
        List($fruitList.fList, selection: $fruitList.selectedFruit) { $f in
            Text(f.name)
        }
        TextField( "New fruit", text: $newFruitName, onCommit: addNewFruitName)
        Button ("Print selected fruit name") {
            print(fruitList.selectedFruit?.name as Any)
        }
    }
    
    func addNewFruitName () {
        guard !newFruitName.isEmpty, 
              !fruitList.fList.contains(where: { $0.name == newFruitName }) else { return }
        
        let newFruit = Fruit(name: newFruitName)
        fruitList.fList.append(newFruit)
        fruitList.selectedFruit = newFruit
        newFruitName = ""
    }
}

每个Fruit都有唯一的id，List的视图更新和选择状态同步会更准确，彻底避免这类高亮不同步问题。

方案3：强制List刷新（临时应急）

给List绑定一个刷新ID，添加新元素时更新ID强制List重新渲染：

struct ContentView: View {
    @StateObject private var fruitList = FruitList()
    @State var newFruitName = ""
    @State private var listRefreshID = UUID() // 新增刷新标识

    var body: some View {
        List($fruitList.fList, id: \.self, selection: $fruitList.selectedFruit) { $f in
            Text(f)
        }
        .id(listRefreshID) // 绑定刷新ID
        TextField( "New fruit", text: $newFruitName, onCommit: addNewFruitName)
        Button ("Print selected fruit name") {
            print(fruitList.selectedFruit as Any)
        }
    }
    
    func addNewFruitName () {
        if newFruitName.count > 0 && !fruitList.fList.contains(newFruitName) {
            fruitList.fList.append(newFruitName)
            fruitList.selectedFruit = newFruitName
            listRefreshID = UUID() // 更新ID强制List刷新
            newFruitName = ""
        }
    }
}

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