SwiftUI问题：如何将@Binding数组元素传递给子视图？

首先明确核心问题：你在尝试传递Post的绑定值时，错误处理了可选类型的Binding<PostsQuery?>，同时数组元素的绑定语法不正确。以下分两种场景给出解决方案：

场景1：FeedCellView需要修改Post（需@Binding） #

如果FeedCellView需要修改Post的属性，必须传递绑定值。步骤如下：

1. 让Post遵循Identifiable协议（简化ForEach遍历）：

struct Post: Codable, Identifiable {
    let id: String
    let title: String
    let body: String?
}

2. 在FeedView中正确解包可选绑定并获取数组元素的绑定：

struct FeedView: View {
    @Binding var postsQuery: PostsQuery?
    
    var body: some View {
        NavigationStack{
            List{
                // 解包postsQuery的绑定，获取posts数组的绑定
                if let posts = $postsQuery?.posts {
                    ForEach(posts) { $post in
                        FeedCellView(post: $post)
                    }
                } else {
                    // 无数据时显示占位视图
                    Text("暂无帖子")
                        .foregroundColor(.gray)
                }
            }
            .navigationTitle("帖子流")
        }
    }
}

3. FeedCellView的定义（接收@Binding）：

struct FeedCellView: View {
    @Binding var post: Post
    
    var body: some View {
        VStack(alignment: .leading, spacing: 8) {
            TextField("修改标题", text: $post.title)
                .font(.headline)
            if let body = post.body {
                TextField("修改内容", text: $post.body ?? "")
                    .font(.subheadline)
            }
        }
        .padding()
    }
}

场景2：FeedCellView仅展示Post（无需@Binding） #

如果只是展示Post内容，不需要修改，直接传递值即可，代码更简洁：

1. 同样让Post遵循Identifiable（可选，但推荐）：

struct Post: Codable, Identifiable {
    let id: String
    let title: String
    let body: String?
}

2. FeedView直接遍历数组：

struct FeedView: View {
    @Binding var postsQuery: PostsQuery?
    
    var body: some View {
        NavigationStack{
            // 用空数组作为默认值，避免显示无效cell
            List(postsQuery?.posts ?? []) { post in
                FeedCellView(post: post)
            }
            .navigationTitle("帖子流")
        }
    }
}

3. FeedCellView的定义（接收let常量）：

struct FeedCellView: View {
    let post: Post
    
    var body: some View {
        VStack(alignment: .leading, spacing: 8) {
            Text(post.title)
                .font(.headline)
            if let body = post.body {
                Text(body)
                    .font(.subheadline)
                    .foregroundColor(.secondary)
            }
        }
        .padding()
    }
}

错误原因说明 #

原代码中$postsQuery.$posts[index]的写法完全错误：

• $postsQuery是Binding<PostsQuery?>，其包装值是可选类型，不能直接访问$posts
• 即使postsQuery不为nil，也不能通过$postsQuery.$posts的方式获取数组绑定，正确方式是通过$postsQuery?.posts解包后获取数组的绑定

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