You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

SwiftUI中如何从List的ForEach项传递数据到Popover?

解决SwiftUI中List项传递到外部Popover的崩溃问题

你的核心问题是强行解包可选值时遇到nil,根源在于用isPresented控制弹窗时,状态更新的异步性导致弹窗弹出时theItem还没完成赋值。用SwiftUI提供的popover(item:)绑定可选值的方式可以彻底解决这个问题,同时代码更简洁安全。

步骤1:简化状态变量

移除单独的isShowingMealPopover,只保留可选的选中项变量:

@State private var selectedMeal: Meals?

步骤2:修改按钮点击逻辑

点击列表项时仅赋值选中项,不需要手动控制弹窗显示:

List {
    ForEach(meals) { item in
        Button(action: {
            selectedMeal = item
        }) {
            // 补充Button的显示内容,比如展示餐品名称
            Text(item.name ?? "未命名餐品")
        }
    }
}

步骤3:用item:绑定弹窗

替换原来的isPresented:写法,直接绑定可选的选中项,弹窗会在selectedMeal非nil时自动弹出:

.popover(item: $selectedMeal) { meal in
    ThePopoverView(mm: meal)
}

步骤4:调整Popover视图的参数

因为item:绑定会确保只有当selectedMeal存在时才创建弹窗,所以Popover可以直接接收非可选的Meals:

struct ThePopoverView: View {
    let mm: Meals
    
    var body: some View {
        // 直接使用mm的属性,无需解包
        Text(mm.name ?? "无名称")
        // 其他弹窗内容
    }
}

关键补充:让Core Data实体遵循Identifiable

popover(item:)要求绑定的类型必须符合Identifiable协议,Core Data实体默认有objectID,只需扩展一下:

extension Meals: Identifiable {}

为什么原来的写法会崩溃?

SwiftUI的状态更新是异步的,你设置isShowingMealPopover = true后,可能弹窗已经开始渲染,但theItem = item的赋值还没完成,此时theItem还是nil,强行解包theItem!就会崩溃。而item:绑定的方式是基于可选值的存在性来触发弹窗,从根源上避免了nil解包的风险。

内容的提问来源于stack exchange,提问作者Stingalingaling

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.11 03:23:22