SwiftUI @State

반응형

📖@State란?

SwiftUI에서 @State는 프로퍼티 래퍼 중 하나로, UI의 상태를 표현하고 관리하는 데 사용됩니다. 사용자 인터랙션에 따라 일부 데이터 값은 변경될 수 있습니다. 이러한 변경이 UI에 반영되어야 할 때 @State를 사용하여 해당 데이터를 양방향으로 바인딩합니다.

 

@State 프로퍼티 래퍼를 사용하여 구조체 내부의 값을 변경하면, SwiftUI는 변경된 상태를 감지하고 자동으로 해당 뷰를 다시 렌더링 합니다. 이를 통해 사용자에게 새로운 형태의 UI를 보여줄 수 있습니다@State를 사용하는 데이터는 주로 해당 뷰의 생명주기에 국한되며, 뷰 계층 구조에서 소유되는 뷰만이 해당 상태 접근해야 합니다. 또한, 상태값은 요청 시 신중하게 초기화되어야 합니다.

import SwiftUI

struct ContentView: View {
  @State private var text = ""

  var body: some View {
    VStack {
      TextField("Enter some text", text: $text)
        .padding()

      Text("You entered: \(text)")
    }
  }
}

 

위 코드에서 text 변수는 @State 프로퍼티 래퍼로 표시되며, TextField의 값을 바인딩하고 있습니다. 사용자가 TextField에 텍스트를 입력하면, 해당 값은 ContentView의 text에 저장되고 UI가 업데이트됩니다. 이때 UI의 업데이트는 자동으로 처리되므로 개발자는 상태 관리에 대해 큰 걱정 없이 디자인에 집중할 수 있습니다.

참고

@State 애플 문서