SwiftUI return value from modal view

Question

I currently have a List that is inside a modal (.sheet) view, and I'm trying to retrieve the tapped value from it back to the previous view. How can I achieve this?

import SwiftUI

struct ContentView: View {
    @State var showingModal: Bool = false
    
    var body: some View {
        VStack {
            Button(action: {
                self.showingModal.toggle()
            }) {
                Text("Tap me!")
            }.sheet(isPresented: $showingModal, onDismiss: {
                print("Dismissed")
            }) {
                ModalView(isShowing: self.$showingModal)
            }
            Text("Selected Item: ")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

import SwiftUI

struct ModalView: View {
    @State private var names = ["Foo", "Bar"]
    @Binding var isShowing: Bool
    
    var body: some View {
        List(names, id: \.self) { name in
            HStack {
                Text("\(name)")
                Spacer()
            }
            .contentShape(Rectangle())
            .onTapGesture {
                print(name)
                self.isShowing = false
            }
        }
    }
}

struct ModalView_Previews: PreviewProvider {
    @State static var value = true
    
    static var previews: some View {
        ModalView(isShowing: self.$value)
    }
}

I'd like to set the text on the Text with "Selected item" in this example.

Allan Garcia · Accepted Answer · 2020-08-20T03:54:26.470

1

You shouldn't! Your .sheet view should update your model then this changes got reflected in your previous view if needed.

Here is a good resource explaining this communication: https://youtu.be/4GjXq2Sr55Q

edited Aug 20 '20 at 03:54

answered Aug 20 '20 at 03:48

Allan Garcia

550
3
16

Thank you Allan, I was able to implement this myself before seeing the update with the video. – Frakcool Aug 20 '20 at 04:00

score 0 · Answer 2 · answered Feb 10 '23 at 12:14

You can use .onChange on your binding variable. Whenever your modelview will change .onChange will be call. like this,

@State var showingModal: Bool = false 
var body: some View {
    VStack {
        Button(action: {
            self.showingModal.toggle()
        }) {
            Text("Tap me!")
        }.sheet(isPresented: $showingModal, onDismiss: {
            print("Dismissed")
        }) {
            ModalView(isShowing: self.$showingModal)
        }
        Text("Selected Item: ")
    }.onChange(of: showingModal) { newValue in
        //newValue is your changed value of showingModal true or false
    }
}

SwiftUI return value from modal view

2 Answers2