[iOS][SwiftUI] @State @Binding

 

 

📚 @State @Binding

 

Property Wrapper에 대해서

 

 

State

✅ PropertyWrapper ?

변화가 생기면 해당 변수의 값을 읽거나 새로 쓸 수 있음을 의미한다.

 

SwiftUI에서는 property wrapper를 사용해서 변수의 변화와 해당 작업을 자동화 할 수 있다.

• SwiftUI는 state로 선언된 프로퍼티들의 저장소를 관리한다.
• StateValue 값이 변경되면 뷰는 해당 value의 appearance를 무효화하고 다시 값을 계산한다.
• State 변수 값이 변경되면 View는 새로 랜더링을 하여 항상 최신 값을 가진다.
• State 인스턴스는 그 자체로 값이 아닌, 값을 읽고 쓰는 것을 말한다.
• 현재 뷰 UI의 특정상태를 저장하기 위해 만들어진것이기 때문에 보통 Private를 함께 사용한다.
• @State 속성으로 어떤 프로퍼티의 초기값을 정했다면, 다른 값으로 재할당이 불가능하고 @Binding 변수를 통해서만 가능하다.

 

> 예시

카운트 버튼을 통해 숫자를 증가, 감소시키며 변화

 

 

 

 

 

Binding

@State로 선언된 속성을 다른 뷰에서 사용하려 한다면 @Binding을 사용해 줄 수 있다. 사용시에는 $ 를 사용해 Binding변수임을 나타낸다. @State로 선언된 속성에 변경이 생기면 @Binding 변수에서 이를 인지하고 해당 값에 따른 뷰 변화를 바로 반영할 수 있게 한다.

• 다른 뷰에서 @State 속성으로 선언된 프로퍼티를 사용한다면 @Binding 속성을 사용한다.
• 사용시에는 $를 붙여 Binding변수임을 나타낸다.
• 외부에서 접근해야하기때문에 private는 사용하지 않는다.

 

> 예시

카운트 버튼을 통해 숫자를 증가, 감소 시키고 다음화면에서도 최종 숫자를 확인한다.

 

첫번째 뷰

 

두번째 뷰