SwiftUI中列表项点击无法唤起Popover问题排查

核心问题分析 #

你的代码存在两个关键问题，导致多列表项时Popover无法正常触发：

1. Item的Identifiable实现错误
   当前Item的id是计算属性，每次访问都会生成新的UUID字符串。这意味着同一个Item实例的id会不断变化，SwiftUI无法通过稳定的标识跟踪选中的Item。当你点击列表项将其赋值给selection后，SwiftUI对比原Item和selection中的Item时，会因为id不一致判定为不同实例，导致Popover的触发条件不满足。

2. Popover绑定位置错误
   你给每个列表项的Text视图都绑定了同一个$selection的Popover。当多个视图共享同一个状态绑定的Popover时，SwiftUI的视图更新逻辑会出现冲突，无法确定应该激活哪个Popover。只有当列表仅含一个Item时，没有冲突，因此能正常展示。

修复代码 #

1. 修正Item的Identifiable实现

将id改为存储属性，确保每个Item实例的标识唯一且固定：

struct Item: Identifiable {
    let id = UUID().uuidString // 初始化时生成一次，后续不再变化
    var name: String?
    var addr: String?

    init(name: String? = nil, addr: String? = nil) {
        self.name = name
        self.addr = addr
    }
}

2. 调整Popover的绑定层级

将Popover绑定到更高层级的视图（如List或VStack），整个界面只保留一个Popover绑定，避免冲突：

struct ContentView: View {
    let arr = [
        Item(name: "Roman", addr: "Address of Roman"),
        Item(name: "Alexa", addr: "Address of Alexa"),
    ]
    @State private var selection: Item?

    var body: some View {
        VStack {
            List {
                ForEach(arr) { item in
                    Text(item.name!)
                        .onTapGesture {
                            selection = item
                            print("selection: \(item.name ?? "")")
                        }
                }
            }
            // 将Popover绑定到List层级，而非单个列表项
            .popover(item: $selection) { item in
                Text(item.addr ?? "")
            }
        }
    }
}

验证效果 #

修改后，点击任意列表项，对应的Popover都会正常弹出，多列表项场景下也能稳定工作。

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