SwiftUI中LazyVGrid点击单元格弹出Sheet传值问题求助

1. 修正ForEach的使用错误 #

你遇到的ForEach报错，是因为误将单个Book实例传给了它——ForEach要求传入的是遵循RandomAccessCollection的集合类型（比如Array<Book>），而非单个元素。

首先确保你的Book结构体遵循Identifiable协议（或者给ForEach指定id参数），示例如下：

struct Book: Identifiable {
    let id: String
    let title: String
    // 其他书籍属性，比如作者、封面等
}

// 你的书籍数据源
let books: [Book] = [
    Book(id: "1", title: "SwiftUI入门"),
    Book(id: "2", title: "iOS开发实战")
]

然后在LazyVGrid中正确遍历书籍数组：

LazyVGrid(columns: gridColumns) {
    ForEach(books) { book in
        // 自定义单元格视图，比如展示书籍封面和标题
        BookCell(book: book)
            .onTapGesture {
                // 点击时记录选中的书籍
                selectedBook = book
            }
    }
}

2. 实现带数据的Sheet弹出 #

要弹出携带对应Book数据的Sheet，核心是绑定一个可选的Book变量，通过SwiftUI的sheet(item:)方法实现：

struct BookGridView: View {
    @State private var selectedBook: Book?
    let gridColumns: [GridItem] = [GridItem(.flexible()), GridItem(.flexible())]
    let books: [Book]
    
    var body: some View {
        LazyVGrid(columns: gridColumns) {
            ForEach(books) { book in
                Text(book.title)
                    .frame(width: 150, height: 150)
                    .background(Color.blue.opacity(0.1))
                    .cornerRadius(12)
                    .onTapGesture {
                        selectedBook = book
                    }
            }
        }
        // 绑定选中的书籍，自动处理Sheet的显示/隐藏
        .sheet(item: $selectedBook) { selectedBook in
            BookSheetView(book: selectedBook)
        }
    }
}

对应的BookSheetView只需接收一个Book参数即可展示数据：

struct BookSheetView: View {
    let book: Book
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        VStack(spacing: 20) {
            Text(book.title)
                .font(.title)
            Text("书籍ID：\(book.id)")
                .font(.subheadline)
            Button("关闭") {
                dismiss()
            }
        }
        .padding()
        .navigationTitle("书籍详情")
    }
}

关键问题说明 #

• 关于String转Book的错误：这是因为你之前可能尝试用String类型的ID传递数据，但Sheet需要的是完整的Book实例。通过sheet(item:)绑定可选Book变量，直接传递选中的对象，无需做类型转换。
• 为什么不用Button？其实也可以用Button替代onTapGesture，只要在Button的action中设置selectedBook = book，效果完全一致。

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