Multiple Sheet (isPresented :) funktioniert in SwiftUI nicht

Ich habe diese ContentView mit zwei verschiedenen modalen Ansichten, daher verwende ich sie sheet(isPresented:)für beide, aber anscheinend wird nur die letzte angezeigt . Wie könnte ich dieses Problem lösen? Oder ist es nicht möglich, mehrere Blätter in einer Ansicht in SwiftUI zu verwenden?

struct ContentView: View {

    @State private var firstIsPresented = false
    @State private var secondIsPresented = false

    var body: some View {

        NavigationView {
            VStack(spacing: 20) {
                Button("First modal view") {
                    self.firstIsPresented.toggle()
                }
                Button ("Second modal view") {
                    self.secondIsPresented.toggle()
                }
            }
            .navigationBarTitle(Text("Multiple modal view problem"), displayMode: .inline)
            .sheet(isPresented: $firstIsPresented) {
                    Text("First modal view")
            }
            .sheet(isPresented: $secondIsPresented) {
                    Text("Only the second modal view works!")
            }
        }
    }
}

Der obige Code wird ohne Warnungen kompiliert (Xcode 11.2.1).

Bitte versuchen Sie es mit dem folgenden Code

enum ActiveSheet {
   case first, second
}

struct ContentView: View {

    @State private var showSheet = false
    @State private var activeSheet: ActiveSheet = .first

    var body: some View {

        NavigationView {
            VStack(spacing: 20) {
                Button("First modal view") {
                    self.showSheet = true
                    self.activeSheet = .first
                }
                Button ("Second modal view") {
                    self.showSheet = true
                    self.activeSheet = .second
                }
            }
            .navigationBarTitle(Text("Multiple modal view problem"), displayMode: .inline)
            .sheet(isPresented: $showSheet) {
                if self.activeSheet == .first {
                    Text("First modal view")
                }
                else {
                    Text("Only the second modal view works!")
                }
            }
        }
    }
}

Ihr Fall kann wie folgt gelöst werden (getestet mit Xcode 11.2)

var body: some View {

    NavigationView {
        VStack(spacing: 20) {
            Button("First modal view") {
                self.firstIsPresented.toggle()
            }
            .sheet(isPresented: $firstIsPresented) {
                    Text("First modal view")
            }
            Button ("Second modal view") {
                self.secondIsPresented.toggle()
            }
            .sheet(isPresented: $secondIsPresented) {
                    Text("Only the second modal view works!")
            }
        }
        .navigationBarTitle(Text("Multiple modal view problem"), displayMode: .inline)
    }
}

Kann das Blatt auch zu einer leeren Ansicht im Hintergrund der Ansicht hinzufügen. Dies kann mehrmals durchgeführt werden:

  .background(EmptyView()
        .sheet(isPresented: isPresented, content: content))

Sie können dies einfach erreichen, indem Sie die Schaltfläche und die .sheet-Aufrufe zusammenfassen. Wenn Sie einen führenden und einen nachfolgenden haben, ist das so einfach. Wenn Sie jedoch mehrere Navigationsleistenelemente entweder im führenden oder im hinteren Bereich haben, müssen Sie diese in einen HStack einschließen und jede Schaltfläche mit ihrem Blattaufruf in einen VStack einschließen.

Hier ist ein Beispiel für zwei nachfolgende Schaltflächen:

            trailing:
            HStack {
                VStack {
                    Button(
                        action: {
                            self.showOne.toggle()
                    }
                    ) {
                        Image(systemName: "camera")
                    }
                    .sheet(isPresented: self.$showOne) {
                        OneView().environment(\.managedObjectContext, self.managedObjectContext)
                    }
                }//showOne vstack

                VStack {
                    Button(
                        action: {
                            self.showTwo.toggle()
                    }
                    ) {
                        Image(systemName: "film")
                    }
                    .sheet(isPresented: self.$showTwo) {
                        TwoView().environment(\.managedObjectContext, self.managedObjectContext)
                    }
                }//show two vstack
            }//nav bar button hstack

Zusätzlich zu Rohit Makwanas Antwort fand ich eine Möglichkeit, den Blattinhalt in eine Funktion zu extrahieren, da es dem Compiler schwer fiel, meinen Giganten zu überprüfen View.

extension YourView {
    enum Sheet {
        case a, b
    }

    @ViewBuilder func sheetContent() -> some View {
        if activeSheet == .a {
            A()
        } else if activeSheet == .b {
            B()
        }
    }
}

Sie können es folgendermaßen verwenden:

.sheet(isPresented: $isSheetPresented, content: sheetContent)

Es macht den Code sauberer und entlastet auch Ihren Compiler.