SwiftUI中ForEach循环内Popover点击不显示问题求助

问题原因 #

1. @State初始化错误：直接在init中给@State变量赋值会绕过SwiftUI的状态管理机制，导致状态更新无法正确触发视图刷新，这是弹窗不显示的核心原因。
2. 共享状态的潜在隐患：多个按钮绑定同一个showingPopover变量，后续若要为不同课程展示专属弹窗，会出现逻辑混乱，同时当前也可能因状态更新时机问题导致弹窗触发失败。

修复代码 #

基础修复（解决弹窗不显示）

先修正@State的初始化方式，保留单个状态变量的写法：

struct TodayView: View {
    // 直接为@State设置初始值，不在init中赋值
    @State private var showingPopover = false
    private var courses: [Course] = []

    init() {
        getAccess()
        courses = getEvents(name: "Home") // name should be "All Classes"
    }
    
    var body: some View {
        NavigationView {
            ZStack {
                background
                ScrollView {
                    VStack {
                        ForEach(courses, id: \.self) { course in
                            Button {
                                showingPopover = true
                            } label: {
                                ZStack {
                                    Image("event_img")
                                        .resizable()
                                        .scaledToFit()
                                    Text(course.title)
                                        .foregroundColor(.white)
                                        .fontWeight(.heavy)
                                        .font(.system(size: 28))
                                }
                            }
                            .popover(isPresented: $showingPopover) {
                               Text("Hello from \(course.title)")
                            }
                        }
                    }
                }
            }
            .navigationTitle("Today")
        }
    }
}

// 确保Course模型遵循Hashable（适配id: \.self的ForEach写法）
struct Course: Hashable {
    let title: String
    // 其他自定义属性
}

更优方案（绑定对应课程的专属弹窗）

如果需要每个按钮弹出对应课程的个性化弹窗，推荐使用popover(item:content:)的方式，直接关联点击的课程数据：

struct TodayView: View {
    // 用可选类型存储选中的课程，nil表示不显示弹窗
    @State private var selectedCourse: Course?
    private var courses: [Course] = []

    init() {
        getAccess()
        courses = getEvents(name: "Home") // name should be "All Classes"
    }
    
    var body: some View {
        NavigationView {
            ZStack {
                background
                ScrollView {
                    VStack {
                        ForEach(courses) { course in
                            Button {
                                selectedCourse = course
                            } label: {
                                ZStack {
                                    Image("event_img")
                                        .resizable()
                                        .scaledToFit()
                                    Text(course.title)
                                        .foregroundColor(.white)
                                        .fontWeight(.heavy)
                                        .font(.system(size: 28))
                                }
                            }
                            .popover(item: $selectedCourse) { course in
                                // 根据选中的课程展示专属内容
                                VStack(spacing: 20) {
                                    Text("课程详情")
                                        .font(.title)
                                        .fontWeight(.bold)
                                    Text("课程名称：\(course.title)")
                                    // 添加更多课程相关信息
                                }
                                .padding()
                            }
                        }
                    }
                }
            }
            .navigationTitle("Today")
        }
    }
}

// Course遵循Identifiable协议，简化ForEach和popover的绑定逻辑
struct Course: Identifiable, Hashable {
    let id = UUID()
    let title: String
    // 其他自定义属性
}

关键说明 #

• @State属性必须由SwiftUI管理，优先选择在声明时直接设置初始值；若必须在init中初始化，需使用_showingPopover = State(initialValue: false)的语法（非特殊场景不推荐）。
• 使用popover(item:)时，绑定的对象需遵循Identifiable协议，SwiftUI会通过唯一ID识别弹窗对应的内容，关闭弹窗时会自动将selectedCourse置为nil。

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