SwiftUI传递Observed Object属性至子视图时类型转换错误

错误原因 #

你遇到的Cannot convert value of type 'Binding<Subject>' to expected argument type 'BusinessDetails'错误，核心是传值类型不匹配：

• 你用$observed.shop传递了一个Binding<BusinessDetails>类型的绑定值
• 但DetailsView的shop参数需要的是直接的BusinessDetails实例

只有当子视图需要修改父视图的状态时才需要传递Binding，单纯展示数据直接传值即可。

额外代码问题修正 #

除了类型不匹配，你的代码还有异步逻辑和初始化的问题，一起修正如下：

修正后的完整代码 #

import Foundation
import SwiftUI
import Alamofire

struct BusinessView: View {
    var shop: Business
    @StateObject private var observer: Observer
    
    // 初始化View时传入shop，同时创建Observer并传递商家ID
    init(shop: Business) {
        self.shop = shop
        _observer = StateObject(wrappedValue: Observer(businessId: shop.id))
    }
    
    class Observer: ObservableObject {
        @Published var shopDetails = BusinessDetails()
        @Published var loading = false
        @Published var loadError: Error?
        
        private let businessId: String
        
        init(businessId: String) {
            self.businessId = businessId
        }
        
        // 异步加载详情的方法，单独抽离避免在init中执行异步操作
        func loadBusinessDetails() async {
            loading = true
            loadError = nil
            
            do {
                let params = ["id": businessId]
                shopDetails = try await AF.request(
                    "https://api.com/details",
                    parameters: params
                ).serializingDecodable(BusinessDetails.self).value
            } catch {
                loadError = error
            }
            
            loading = false
        }
    }
    
    var body: some View {
        Group {
            // 加载中状态
            if observer.loading {
                ProgressView("加载商家详情...")
            }
            // 加载失败状态
            else if let error = observer.loadError {
                VStack(spacing: 12) {
                    Text("加载失败")
                    Text(error.localizedDescription)
                        .font(.caption)
                        .foregroundColor(.secondary)
                }
            }
            // 加载完成，展示TabView
            else {
                TabView {
                    // 直接传递BusinessDetails实例，无需$绑定
                    DetailsView(shop: observer.shopDetails)
                        .tabItem {
                            Label("详情", systemImage: "info.circle")
                        }
                }
            }
        }
        // 视图出现时触发异步加载
        .onAppear {
            Task {
                await observer.loadBusinessDetails()
            }
        }
    }
}

关键修改点说明 #

1. 移除Binding传递：将$observed.shop改为observer.shopDetails，匹配DetailsView的参数类型
2. 重构Observer初始化：
   • 让Observer接收businessId参数，避免直接访问外部View的属性
   • 禁止在init中执行异步操作（Swift不允许异步初始化方法），将加载逻辑移到单独的loadBusinessDetails方法
3. 添加错误处理：捕获API请求的错误并展示给用户
4. 完善状态UI：补充加载中、加载失败的界面，提升用户体验
5. 正确触发异步加载：在onAppear中通过Task调用异步方法

关于Binding的补充说明 #

如果后续DetailsView需要修改商家详情数据，你需要：

1. 将DetailsView的参数改为@Binding var shop: BusinessDetails
2. 传递时恢复$符号：DetailsView(shop: $observer.shopDetails)

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