[SwiftUI] 자식에게 State 전달하기

https://developer.apple.com/documentation/swiftui/managing-user-interface-state

Managing user interface state | Apple Developer Documentation

 

 

 

1. Binding 키워드

 

먼저 자식View에다가 @Binding 이라는 프로퍼티 래퍼를 생성한다. 이 프로퍼티 래퍼는 부모의 스테이트를 받아오는 역할을 한다

struct PlayButton: View {
    @Binding var isPlaying: Bool
    
    var body: some View {
        Button(action: {
            self.isPlaying.toggle()
        }) {
            Image(systemName: isPlaying ? "pause.circle" : "play.circle")
        }
    }
}

 

 

 

다음으로 부모의 뷰에서는 $ 기호를 통해 자식에게 Binding 할 스테이트를 전달해준다

 

 

struct Podcaster: View {
    @State private var episode = Episode(title: "Some Episode",
                                         showTitle: "Great Show",
                                         isFavorite: false)
    var body: some View {
        VStack {
            Toggle("Favorite", isOn: $episode.isFavorite) // Bind to the Boolean.
            PlayerView(episode: episode)
        }
    }
}