[iOS/SwiftUI] @State

Intro

• 현재 뷰에서 보여지는 데이터들을 State로 관리할 수 있음. 
• 이 상태에 의해 사용자에게 보여지는 UI를 관리하므로 views are a function of their state 라고 하기도 함 (사용자의 정보를 입력하기 전까지 버튼을 비활성화 시키는 것도 state들에 의해 뷰가 관리되는 것)
• SwiftUI는 struct로 구현된 view로 이루어져 있기 때문에 Swift와 UIKit을 사용하는 것 처럼 단순히 property를 선언한 뒤 구조체 안에서 그 값을 바꿀수 없음
• 프로퍼티의 값을 변경하기 위해서 State라는 키워드를 가진 property wrapper를 사용할 수 있음
• SwiftUI는 뷰를 제거하고 다시 그리는 일을 자주 반복하기 때문에 뷰 내부에서 사용하는 값에 대해 단순하게 유지할 수 있는 State를 사용함

 

@State 알아보기

• 뷰에서 간단한 정보를 저장하려 할 때 사용 (view의 전체 life cycle을 따라 영구적으로 사용되어야 하는 데이터는 State를 사용하지 않음)

출처 : 애플 developer 사이트

• SwiftUI가 데이터의 변경을 감시하고 있다가 해당 데이터에 영향 받는 뷰를 업데이트 하는 방식으로 동작함
• 버튼 하이라이트 상태, 필터 설정, 현재 선택된 목록 등의 UI에 영향을 주는 state를 관리할 때 사용할 수 있음

예시

struct ContentView: View {
    @State private var isOn: Bool = false
    var body: some View {
        VStack {
            Toggle(isOn: $isOn) {
                Text(isOn ? "on" : "off")
            }
        }
        .padding()
    }
}

• 토글 버튼을 누르면 저장된 값에 의해 text가 on or off로 변경됨
• Toggle의 isOn값과 State로 표시한 isOne이 바인딩 되어 있는 상태
• 애플에서는 @State를 정의할 때 private로 사용하도록 권하고 있음 (뷰 계층에서 캡슐화된 상태로 값을 유지할 수 있기 때문)

struct ContentView: View {
    @State private var count = 0
    
    var body: some View {
        Button("버튼 눌린 횟수 \(count)") {
            self.count += 1
        }
    }
}

 

 

참고 사이트 

https://www.hackingwithswift.com/books/ios-swiftui/modifying-program-state

https://developer.apple.com/documentation/swiftui/state/