SwiftUI: Support multiple modals

Question

I'm trying to setup a view that can display multiple modals depending on which button is tapped.

When I add just one sheet, everything works:

.sheet(isPresented: $showingModal1) { ... } 

But when I add another sheet, only the last one works.

.sheet(isPresented: $showingModal1) { ... } .sheet(isPresented: $showingModal2) { ... } 

UPDATE

I tried to get this working, but I'm not sure how to declare the type for modal. I'm getting an error of Protocol 'View' can only be used as a generic constraint because it has Self or associated type requirements.

struct ContentView: View {     @State var modal: View?     var body: some View {         VStack {             Button(action: {                 self.modal = ModalContentView1()             }) {                 Text("Show Modal 1")             }             Button(action: {                 self.modal = ModalContentView2()             }) {                 Text("Show Modal 2")             }         }.sheet(item: self.$modal, content: { modal in             return modal         })     } }  struct ModalContentView1: View {     var body: some View {         Text("Modal 1")     } }  struct ModalContentView2: View {     var body: some View {         Text("Modal 2")     } } 

Answer 1

This works:

.background(EmptyView().sheet(isPresented: $showingModal1) { ... }    .background(EmptyView().sheet(isPresented: $showingModal2) { ... })) 

Notice how these are nested backgrounds. Not two backgrounds one after the other.

Thanks to DevAndArtist for finding this.