SwiftUI Data Flow - @Binding을 사용하여 child뷰에서 parent뷰로 데이터 전송

AddItemView에서 바인딩으로 데이터를 ContentView로 전송하는 방법

 

#1. ContentView

 

import SwiftUI

 

struct ContentView: View {

    

    @State private var isPresented: Bool = false

    @State private var name: String = ""

    

    var body: some View {

        VStack(spacing: 10) {

            Text(name)

                .font(.largeTitle)

            

            Button("추가하기"){

                name = ""

                isPresented = true

            }

        }.sheet(isPresented: $isPresented, content:     {

            AddItemView(name: $name)

        })

           

    }

}

 

struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}

 

 

#2. AddItemView

 

import SwiftUI

 

struct AddItemView: View{

    

    @Environment(\.presentationMode) var presentationMode

    @Binding  var name: String

    

    var body: some View{

        NavigationView{

            Form{

                TextField("이름입력", text: $name)

                HStack{

                    Spacer()

                    Button("제출하기"){

                        presentationMode.wrappedValue.dismiss()

                    }

                    Spacer()

                }

            }

            .navigationTitle("데이터 추가")

        }

    }

    

}

 

struct AddItemView_Previews: PreviewProvider {

    static var previews: some View {

        AddItemView(name: .constant("홍길동"))

    }

}

 

 

ContentView 에서 추가 버튼을 누르면

 

AddItemView가 나타나고 데이터를 입력하면

ContentView에서 데이터를 받아서 표시