SwiftUI中遍历枚举类型的ForEach内无法显示Popover问题

当使用ForEach遍历枚举类型时，内部触发的Popover或Sheet无法正常显示；但遍历结构体类型时一切正常。已确认每个子视图使用独立的@State变量管理弹窗状态，且排除了NavigationView相关的已知Bug。调试发现枚举对应的弹窗状态仅能从false切换为true，无法触发后续的状态回退，弹窗也无响应。

问题根源 #

SwiftUI的ForEach依赖元素的**可识别身份（Identity）**来跟踪视图的更新与复用。枚举的case作为值类型，默认以self作为标识时，由于枚举值本身是静态唯一的（比如Vegetable.carrot在所有位置都是同一个值），SwiftUI无法正确区分不同的子视图实例，导致状态变化时视图无法重新渲染，弹窗状态的更新无法被正确感知，最终出现弹窗无响应、状态无法切换的问题。

解决方案 #

核心是让ForEach能正确识别每个枚举元素的唯一身份，以下两种方式均可：

方式1：给枚举实现Identifiable协议 #

直接为枚举添加Identifiable实现，确保每个case拥有唯一的id：

enum Vegetable: String, CaseIterable, Identifiable {
    case carrot, broccoli, spinach
    
    // 用rawValue作为唯一id，静态枚举场景下更简洁
    var id: String { rawValue }
}

之后直接使用ForEach(Vegetable.allCases)即可，SwiftUI会自动通过id跟踪视图身份。

方式2：将枚举包装为带唯一标识的结构体 #

若不想修改枚举本身，可将其包装到实现Identifiable的结构体中，利用UUID生成唯一身份：

// 原枚举保持不变
enum Vegetable: String, CaseIterable {
    case carrot, broccoli, spinach
}

// 包装结构体，提供唯一id
struct VegetableItem: Identifiable {
    let vegetable: Vegetable
    let id = UUID()
}

// 使用时转换为包装类型数组
ForEach(Vegetable.allCases.map { VegetableItem(vegetable: $0) }) { item in
    VegetableView(veggie: item.vegetable)
}

修复后完整示例代码 #

import SwiftUI

// 结构体类型（正常工作）
enum Fruit: String, CaseIterable, Identifiable {
    case apple, banana, orange
    var id: String { rawValue }
}

struct FruitView: View {
    let fruit: Fruit
    @State private var showPopover = false
    
    var body: some View {
        Button(fruit.rawValue) {
            showPopover.toggle()
            print("Fruit \(fruit.rawValue) showPopover: \(showPopover)")
        }
        .popover(isPresented: $showPopover) {
            Text("This is \(fruit.rawValue)'s popover")
        }
    }
}

// 枚举类型（修复后）
enum Vegetable: String, CaseIterable, Identifiable {
    case carrot, broccoli, spinach
    var id: String { rawValue }
}

struct VegetableView: View {
    let veggie: Vegetable
    @State private var showPopover = false
    
    var body: some View {
        Button(veggie.rawValue) {
            showPopover.toggle()
            print("Vegetable \(veggie.rawValue) showPopover: \(showPopover)")
        }
        .popover(isPresented: $showPopover) {
            Text("This is \(veggie.rawValue)'s popover")
        }
    }
}

struct ContentView: View {
    @State private var showParentPopover = false
    
    var body: some View {
        VStack(spacing: 20) {
            Button("Parent Popover") {
                showParentPopover.toggle()
            }
            .popover(isPresented: $showParentPopover) {
                Text("Parent Popover")
            }
            
            Text("Fruits (Works)")
            HStack {
                ForEach(Fruit.allCases) { fruit in
                    FruitView(fruit: fruit)
                }
            }
            
            Text("Vegetables (Fixed)")
            HStack {
                ForEach(Vegetable.allCases) { veggie in
                    VegetableView(veggie: veggie)
                }
            }
        }
        .padding()
    }
}

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