SwiftUI导航传参报错：无法转换Binding<[ExercisePlan]>.Element为Binding<[ExercisePlan]>

你当前代码的核心错误是类型不匹配，还存在变量命名冲突、视图内部调用错误的问题，以下是具体修正步骤：

一、修正ExercisePlanDetailView的类型定义 #

原DetailView接收的是数组类型的Binding，但实际你要传递的是单个ExercisePlan实例的Binding，同时视图内部读取属性的方式也有误，修改如下：

import SwiftUI

struct ExercisePlanDetailView: View {
    // 将数组类型改为单个ExercisePlan
    @Binding var exercisePlan: ExercisePlan
    var body: some View {
        VStack(spacing: 16) {
            // 直接读取属性值，无需使用$符号（$用于获取Binding，这里仅展示数据）
            Text(exercisePlan.title)
                .font(.title)
            Text(exercisePlan.details)
                .font(.subheadline)
            // 可继续添加更多练习详情展示
            Text("练习1：\(exercisePlan.exercise.title)，时长\(exercisePlan.exercise.duration)分钟")
            Text("练习2：\(exercisePlan.exercise2.title)，时长\(exercisePlan.exercise2.duration)分钟")
        }
        .padding()
    }
}

struct ExercisePlanDetailView_Previews: PreviewProvider {
    static var previews: some View {
        // 预览时传递单个常量实例，而非空数组
        ExercisePlanDetailView(exercisePlan: .constant(
            ExercisePlan(title: "预览计划", details: "这是一个预览详情", exercise: Exercise(title: "预览练习", duration: 5), exercise2: Exercise(title: "练习2", duration: 5), exercise3: Exercise(title: "练习3", duration: 5), exercise4: Exercise(title: "练习4", duration: 5))
        ))
    }
}

二、修正ExercisePlanView中的循环变量与参数传递 #

原代码中ForEach的循环变量和外部数组变量重名，导致逻辑混淆，同时传递的参数类型与DetailView要求不匹配，修改如下：

import SwiftUI

struct ExercisePlanView: View {
    
    @State var isSheetPresented = false
    @State var exercisePlan = [
        ExercisePlan(title: "Exercise Plan 1", details: "Choose this for a light and basic workout", exercise:
        Exercise(title: "Toe touches and Arm Stretches", duration: 5), exercise2: Exercise(title: "ArmCircles", duration: 5), exercise3: Exercise(title: "Calf Raises", duration: 5), exercise4: Exercise(title: "Jog on the Spot", duration: 5)
        ),
        ExercisePlan(title: "Exercise Plan 2", details: "Choose this for a medium difficulty workout", exercise: Exercise(title: "High Knee March", duration: 5), exercise2: Exercise(title: "Stair Exercise", duration: 10), exercise3: Exercise(title: "Chair Exercise", duration: 5), exercise4: Exercise(title: "Lunges", duration: 5))
   ]

    var body: some View {
        
        let row = GridItem(.fixed(50), spacing: 20, alignment: .center)
        
        ScrollView(.horizontal) {
            LazyHGrid(rows: [row]) {
                // 修改循环变量名为$plan，避免与外部数组exercisePlan重名
                ForEach($exercisePlan) { $plan in
                    NavigationLink {
                        // 传递单个plan的Binding给DetailView
                        ExercisePlanDetailView(exercisePlan: $plan)
                            .frame(maxWidth: .infinity, maxHeight: .infinity)
                    } label: {
                        Text(plan.title)
                            .foregroundColor(.black)
                            .frame(width: 120, height: 130)
                            .padding()
                            .background(Color(red: 220/255, green: 247/255, blue: 99/255))
                            .cornerRadius(10)
                    }
                }
            }
        }
    }
}

struct ExercisePlanView_Previews: PreviewProvider {
    static var previews: some View {
        ExercisePlanView()
    }
}

三、关键错误点总结 #

• 类型不匹配：DetailView原本定义接收数组类型的Binding，但实际需要的是单个ExercisePlan的Binding，导致参数传递报错。
• 变量命名冲突：ForEach循环变量与外部数组变量同名，易引发逻辑混淆。
• 视图内部调用错误：DetailView中使用$exercisePlan.title是错误的，$用于获取Binding对象，仅读取属性值时直接使用exercisePlan.title即可。

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