如何Vstack工作表视图按钮答案

【问题标题】：How to Vstack sheet view buttons如何Vstack工作表视图按钮
【发布时间】：2021-10-23 10:09:18
【问题描述】：

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中提交工作表视图按钮的代码。

【问题讨论】：

标签： swift vstack spreadsheetview

【解决方案1】：

你去吧，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")
            }
            
        }
    }
}

【讨论】：