如何 Vstack 工作表视图按钮

Question

import SwiftUI

struct SecondView: View {
    var name: String
    var body: some View {
        Text("Main Dishses \(name)")
    }
}

struct ContentView: View {
    @State private var showingSheet = false
    var body: some View {
        Button("Menu") { 
            self.showingSheet.toggle()
        }
        .foregroundColor(.white)
        .font(Font.largeTitle.weight(.bold))
        .lineSpacing(50)
        .frame(width: 300, height: 300, alignment: .bottomLeading)
        .background(
        Image("bg")
            .resizable())
        .cornerRadius(12)
        .position(x: 150, y: 30)
        
        .sheet(isPresented: $showingSheet) {
            SecondView(name: "food")
                .padding()
        }
    }
}

如果我尝试 VStack 这个，我会收到错误，因为我将 struct view cmd 添加到 VStack 中，这是使该代码工作的唯一方法，我想添加至少 4 个这些工作表视图按钮，以及我在网上找到的所有内容没有工作，请在 VStack 中提交工作表视图按钮的工作代码。

Answer 1

go，VStack 中有 2 个按钮。 您当然可以轻松制作其中的 4 个。

struct ContentView: View {
    @State private var showingSheet1 = false
    @State private var showingSheet2 = false
    var body: some View {
        VStack (spacing: 77) {
            Button("Menu") {
                showingSheet1.toggle()
            }
            .sheet(isPresented: $showingSheet1) {
                SecondView(name: "lobster")
            }
            Button("Desert") {
                showingSheet2.toggle()
            }
            .sheet(isPresented: $showingSheet2) {
                SecondView(name: "cake")
            }
            
        }
    }
}