SwiftUI: использование @Binding для отклонения модального представления не работает

Question

Я передаю @State переменную по нескольким представлениям, используя @Binding для дочерних представлений, и когда я в конечном итоге устанавливаю переменную обратно в false, иногда мое представление не отклоняется.

Кажется, что я могу запустить articleDisplayed.toggle(), но если я запущу дополнительную функцию выше или ниже, она не будет работать.

Есть идеи, что здесь происходит?

Вот мой код:

struct HomeView: View {

    @EnvironmentObject var state: AppState

    @State var articleDisplayed = false

    // MARK: - Body

    var body: some View {
        NavigationView {
            ZStack {
                List {
                    ForEach(state.cards, id: \.id) { card in
                        Button(action: {
                            self.articleDisplayed = true // I set it to true here 
                            self.state.activeCard = card
                        }) {
                            HomeCell(
                                card: card,
                                publicationColor: self.state.publication.brandColor
                            )
                        }.sheet(isPresented: self.$articleDisplayed) {
                            SafariQuickTopicView(articleDisplayed: self.$articleDisplayed)
                                .environmentObject(self.state)
                                .environment(\.colorScheme, .light)
                        }
                    }
                }
            }
        }
    }
}

Тогда по моему SafariQuickTopicView:

struct SafariQuickTopicView: View {

    @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
    @EnvironmentObject var state: AppState

    @Binding var articleDisplayed: Bool

    var body: some View {
        NavigationView {
            ZStack(alignment: .bottom) {
              // doesn't matter what's in here
            }
            .navigationBarItems(trailing: passButton)
        }
    }

    private var passButton: some View {
        Button(action: self.state.pass {
                DispatchQueue.main.async {
//                    self.state.removeActiveCardFromState()
                    self.articleDisplayed.toggle() // this will work but adding a second function in here prevents it from working, above or below the toggle.
                }
            }
        }) {
            Text("Pass")
        }
    }

Наконец, по моему AppState:

func pass(completion: () -> Void) { // need completion?
        guard let activeCard = activeCard else { return }
        if let index = cards.firstIndex(where: { $0.id == activeCard.id }) {
            activeCard.add(comment: "pass")

            rejectCurrentCard() // Does an async operation with an external API but we don't care about the result

            addRemovedActiveCardToUserDefaults()

            completion()
        }
    }

Answer 1

Переместить .sheet из списка, он должен быть один для каждой иерархии представления, например,

List {
    ForEach(state.cards, id: \.id) { card in
        Button(action: {
            self.articleDisplayed = true // I set it to true here 
            self.state.activeCard = card
        }) {
            HomeCell(
                card: card,
                publicationColor: self.state.publication.brandColor
            )
        }
    }
}
.sheet(isPresented: self.$articleDisplayed) {
            SafariQuickTopicView(articleDisplayed: self.$articleDisplayed)
                .environmentObject(self.state)
                .environment(\.colorScheme, .light)
        }