无法在 ListView SwiftUI 中使用按钮工作表

Question

我有一个清单。在列表中有 2 个按钮。 我想单击每个按钮以使用 Sheet 呈现另一个视图。 当我第一次单击它时它可以工作，但是第二次或另一个点击按钮它不显示视图。希望你能帮助我。

My code

My design

Answer 1

阅读如何使用按钮和表格。触发工作表的按钮通常是这样使用的：

编辑：根据 Philip Dukhov 的建议，替换：

        Button("Learning") {
           
                }.sheet(isPresented: $isLearning, content: {
                    LearningView()
                })
        .onTapGesture {
            self.isLearning = true
        }

与：

    Button(action: {isLearning = true}) {
        Text("Learning")
    }
    .sheet(isPresented: $isLearning) {
        LearningView()
    }

并对“Test”按钮执行相同操作，使用“isTest”代替“isLearning”，使用“TestViewCategory()”代替“LearningView()”。

编辑 2：

更新“TestView”：

struct TestView: View {
    var title = ""
    let models = modelItems
    
    var body: some View {
        ScrollView {
            VStack {
                ForEach(models) { model in
                    TopicList(model: model)
                }
            }
        }
        .navigationBarTitle(title, displayMode: .inline)
        .onAppear {
            UITableView.appearance().separatorStyle = .none
        }
        .animation(.spring())
    }
}

编辑 3：这是适合我的测试代码：

import SwiftUI

@main
struct TestApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct ContentView: View {
    var body: some View {
        NavigationView {
            TestView()
        }
    }
}

struct ButtonView: View {
    
    @State var isLearning: Bool = false
    @State var isTest: Bool = false
    
    var body: some View {
        HStack {
            Button(action: {isLearning = true}) {
                Text("Learning")
            }
            .sheet(isPresented: $isLearning) {
                Text("LearningView")
            }
            .font(.system(size: 16))
            .frame(width: 132 , height: 48)
            .background(Color(.white))
            .overlay(
                RoundedRectangle(cornerRadius: 30)
                    .stroke(Color(#colorLiteral(red: 0.9259920716, green: 0.9261471629, blue: 0.9259716272, alpha: 1)), lineWidth: 1)
            )
            Button(action: {isTest = true}) {
                Text("Test")
            }
            .sheet(isPresented: $isTest) {
                Text("TestViewCategory")
            }
            .font(.system(size: 16))
            .frame(width: 132 , height: 48)
            .background(Color(.white))
            .overlay(
                RoundedRectangle(cornerRadius: 30)
                    .stroke(Color(#colorLiteral(red: 0.9259920716, green: 0.9261471629, blue: 0.9259716272, alpha: 1)), lineWidth: 1)
            )
        }
    }
}

struct TopicList: View {
    // for testing
    let model: String
    
    @State private var showSubItem = false
    
    var body: some View {
        VStack {
            HStack {
                Image(systemName: showSubItem ? "arrow.up.circle" : "arrow.down.circle")
                    .resizable()
                    .frame(width: 26, height: 26)
                    .onTapGesture {
                        withAnimation {
                            showSubItem.toggle()
                        }
                    }
                
                VStack {
                    VStack(alignment: .leading) {
                        Text("title")
                            .font(.custom("Poppins-Regular", size: 24))
                            .padding(.top,9)
                            .padding(.bottom,4)
                        
                        HStack {
                            Text("Open date")
                                .font(.custom("Poppins-Regular", size: 12))
                            Text("Open date")
                                .font(.custom("Poppins-Regular", size: 12))
                            Text("Due date")
                                .font(.custom("Poppins-Regular", size: 12))
                            Text("Due date")
                                .font(.custom("Poppins-Regular", size: 12))
                        }
                    }
                    .padding(.leading,17)
                    .frame(width: 320, height: 70)
                    .fixedSize(horizontal: false, vertical: true)
                    
                    if showSubItem {
                        ButtonView()
                        .padding(.top,12)
                        .fixedSize(horizontal: false, vertical: true)
                        .transition(.opacity)
                        .transition(.slide)
                        .padding(.bottom,13)
                    }
                }
                .overlay(
                    RoundedRectangle(cornerRadius: 10)
                        .stroke(Color(#colorLiteral(red: 0.9259920716, green: 0.9261471629, blue: 0.9259716272, alpha: 1)), lineWidth: 1)
                )
            }
        }
    }
}

struct TestView: View {
    var title = "nav title"
    let models = ["1","2","3"]
    
    var body: some View {
        ScrollView {
            VStack {
                ForEach(models, id: \.self) { model in
                    TopicList(model: model)
                }
            }
        }
        .navigationBarTitle(title, displayMode: .inline)
        .onAppear {
            UITableView.appearance().separatorStyle = .none
        }
        .animation(.spring())
    }
}