SwiftUI开发：如何将ForEach循环内的item传递到外部视图

• 原代码存在三个核心问题：
  1. 语法错误：ForEach的括号、闭包参数写法不符合规范，无法正常编译
  2. 作用域问题：ForEach闭包内的model变量仅在循环内部有效，body其他位置无法直接访问
  3. 逻辑缺失：仅用showdetai布尔值只能判断是否展示详情，无法记录用户点击的具体条目信息

修正后可运行代码 #

假设你的数据模型命名为ExerciseModel，示例代码如下：

struct ExercisePlan: View {
    // 你的数据源，可根据实际来源替换
    let data: [ExerciseModel]
    // 替换原有布尔状态，直接存储选中的条目，为nil时代表不展示详情
    @State private var selectedModel: ExerciseModel?
    
    var textView: some View {
        // 修正ForEach语法错误，id可根据你的模型实际情况调整
        ForEach(data, id: \.id) { model in
            Image(model.image)
                .onTapGesture {
                    // 点击时将当前遍历到的model赋值给状态变量，完成数据传递
                    selectedModel = model
                }
            Text(model.exerciseName)
        }
    }
    
    var body: some View {
        ZStack {
            // 可选绑定解包后直接使用选中条目的属性
            if let selectedModel = selectedModel {
                Text(selectedModel.exerciseName)
                    // 可选补充：点击详情关闭弹窗
                    .onTapGesture {
                        selectedModel = nil
                    }
            }
            textView
        }
    }
}

// 示例模型定义，可根据你的实际属性调整
struct ExerciseModel: Identifiable {
    let id = UUID()
    let image: String
    let exerciseName: String
}

核心修改说明 #

• 新增可选类型的selectedModel状态变量，同时承担「是否展示详情」和「存储选中条目数据」两个作用，不需要额外维护布尔状态
• 点击循环内的图片时，直接把当前遍历到的model赋值给selectedModel，完成数据从循环内部到外部的传递
• 外部视图通过可选绑定解包selectedModel后，就可以直接使用选中条目的所有属性
• 提示：建议遵守Swift官方命名规范，类型名首字母大写，属性使用小驼峰命名，降低后续维护成本

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