首先,让我们快速回顾一下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(&#