[SwiftUI] 양방향 바인딩 (작성중)

이번 게시물에서는 SwiftUI의 양방향 바인딩에 대해 알아보겠습니다.

SwiftUI에서 양방향 바인딩이 중요한 이유는 ContentView가 struct로 이루어져 있기 때문입니다. 그럼 예시를 보면서 천천히 살펴볼까요?

 

텍스트 입력받기

텍스트를 입력받고, 입력받은 텍스트를 보여주는 예시를 구현해볼게요!

위와 같은 코드를 작성하고 나면 아래와 같은 화면을 볼 수 있습니다.

 

그리고 저 TextField에 텍스트를 입력하면???

 

TextField 아래에 있는 Text에도 입력한 글자가 나타나게 되죠!

코드를 보면 TextField에서 입력되는 텍스트를 $email을 통해 email 변수에 넣어주게 되고, Text에서는 그 email 변수를 보여주도록 되어 있죠. 그리고 email 변수에는 @State 가 붙어있습니다.

이 @State로 인해서 변수를 수정할 수 있게 되고, 변수의 값이 바뀔 때마다 그 바뀐 값이 Text에도 계속해서 반영이 될 수 있는거죠!

 

 

숫자패드 띄우기

이번에는 전화번호를 받는 필드를 만들어서 숫자 키보드를 띄우도록 해볼게요!

텍스트필드의 키보드 타입은 .keyboardType( )을 사용하면 됩니다.

 

Picker 사용하기

Picker를 구현하기 위해 NavigationView를 구현하고, 이름과 생년월일을 받아주도록 합시다!

 

 

 

Reference

• SwiftUI 튜토리얼 2편 - 양방향 바인딩