SwiftUI中跨界面传递图片遇@Binding初始化错误，求解决方案

你遇到的No exact matches in a call to initializer错误，核心原因是**@Binding不能直接初始化赋值**——@Binding的作用是绑定外部已有的状态，它本身不持有数据，必须从父视图传递绑定引用。下面是完整的修复方案，实现AddProductView选图后同步到HomeScreenView显示：

步骤1：修正HomeScreenView的状态定义与传参 #

把错误的@Binding var productImage = UIImage()改成@State持有图片状态（因为首页是图片的数据源所有者），并在弹出AddProductView时传递绑定引用，同时添加图片显示逻辑：

struct HomeScreenView: View {
    @Binding var loggedin: Bool
    @State var showSheet: Bool = false
    @State var productImage: UIImage? // 用可选类型，初始为空
    var body: some View {
        NavigationView {
            VStack {
                Text("Authorized.... You are in!")
                    .font(.largeTitle)
                
                // 显示选中的商品图片
                if let image = productImage {
                    Image(uiImage: image)
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                        .frame(maxWidth: 300)
                } else {
                    Text("No product image added yet")
                        .foregroundColor(.gray)
                }
            }
            .padding()
            .navigationTitle("Home")
            .toolbar {
                ToolbarItemGroup(placement: .navigationBarTrailing){
                    Button () {
                        showSheet.toggle()
                    } label: {
                        Text("Add Item")
                    }
                    .sheet(isPresented: $showSheet, content: {
                        // 传递图片状态的绑定给子视图
                        AddProductView(productImage: $productImage)
                    })
                }
            }
        }
        .environment(\.colorScheme, .light)
        .navigationBarBackButtonHidden(true)
    }
}

步骤2：修改AddProductView接收外部绑定 #

移除内部的@State private var productimage，换成@Binding接收父视图传递的图片状态，同时调整所有使用图片的逻辑：

struct AddProductView: View {
    @Environment(\.presentationMode) var presentationMode
    @State var openCameraRoll = false
    @State var camera = false
    @State var photoLib = false
    
    @Binding var productImage: UIImage? // 接收父视图的图片绑定
    @State var productname = ""
    @State var productcategory = ""
    @State var otherproductcategory = ""
    let category = ["Living Room", "Bedroom", "Kitchen", "Garage", "Office", "Electronics", "Clothes"]
    
    var body: some View {
        NavigationView {
                VStack{
                    Form{
                        Section(header: Text("Add An Image")) {
                            // 根据绑定的图片状态显示内容
                            if let image = productImage {
                                Image(uiImage: image)
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(alignment: .center)
                            } else {
                                Image("ImageButton")
                                    .frame(width: 300, alignment: .center)
                            }
                          
                            HStack{
                                Button(action: {
                                    openCameraRoll = true
                                    camera = true
                                }, label: {
                                    Text("Camera")
                                        .frame(maxWidth: .infinity, alignment: .center)
                                })
                                .buttonStyle(BorderlessButtonStyle())
                                
                                Divider()
                                
                                Button(action: {
                                    openCameraRoll = true
                                    camera = false
                                }, label: {
                                    Text("Photos")
                                        .frame(maxWidth: .infinity, alignment: .center)
                                })
                                .buttonStyle(BorderlessButtonStyle())
                                
                            }
                    
                        }
                        Section(header: Text("Item Information")) {
                            TextField("Item Name", text: $productname)
                            Picker("Category", selection: $productcategory) {
                                ForEach(category, id: \.self){
                                    Text("\($0)")
                                }
                                Text("Other").tag("other")
                            }
                            if productcategory == "other" {
                                TextField("Other Provider", text: $otherproductcategory)
                            }
                            
                        }
                        
                        Button(action: {
                            presentationMode.wrappedValue.dismiss()
                        }, label: {
                            Text("Submit")
                                .frame(maxWidth: .infinity, alignment: .center)
                        })
            
                    }
                    
                }
                .navigationTitle("Add An Item")
                .sheet(isPresented: $openCameraRoll) {
                    if camera {
                        ImagePicker(selectedImage: $productImage, sourceType: .camera)
                    } else {
                        ImagePicker(selectedImage: $productImage, sourceType: .photoLibrary)
                    }
                    
                }
        }
        
    }
}

关键逻辑说明 #

1. 状态分工：@State用于持有视图自身的数据源（HomeScreenView的productImage），@Binding用于传递状态引用（让AddProductView能修改父视图的状态）
2. 可选类型优化：用UIImage?替代强制初始化空UIImage，更符合“初始无图”的业务逻辑，避免不必要的内存占用
3. 自动同步：子视图修改@Binding变量时，父视图的@State会自动更新，触发UI刷新显示新图片

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