使用SwiftUI的LazyVGrid组件时，有时候我们需要在弹出的.sheet视图中访问所选内容。在这篇文章中，我将向您展示正确的方式来传递选择内容。

BitNetO

于 2023-09-21 05:20:59 发布

阅读量166

点赞数

CC 4.0 BY-SA版权

文章标签： swiftui ios swift

本文链接：https://blog.youkuaiyun.com/BitNetO/article/details/133117404

swift 专栏收录该内容

135 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了如何在SwiftUI的LazyVGrid中使用 FörEach 循环创建选项，并通过.sheet修饰符在弹出视图中访问所选内容。示例代码展示了如何跟踪用户选择，突出显示选中项，并将所选内容传递给SheetView显示。

首先，让我们快速回顾一下LazyVGrid组件的基本用法。LazyVGrid是SwiftUI中的一个容器视图，可将其子视图排列成网格。通常，我们会在LazyVGrid中放置一些可选项，然后让用户从中选择。

为了实现弹出的.sheet视图，我们需要使用.sheet修饰符。.sheet修饰符允许我们在点击某个按钮或条件满足时，显示一个新的视图。

以下是一个示例代码，演示了LazyVGrid如何与.sheet结合使用：

import SwiftUI

struct ContentView: View {
    @State private var isShowingSheet = false
    @State private var selectedOption: String? = nil
    
    let options = ["Option 1", "Option 2", "Option 3", "Option 4", "Option 5"]
    
    var body: some View {
        VStack {
            Button(action: {
                isShowingSheet = true
            }) {
                Text("Show Sheet")
                    .font(.headline)
                    .foregroundColor(.white)
                    .paddi

了解本专栏