How to read text from a TextField

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-read-text-from-a-textfield]

 

How to read text from a TextField

[동영상 강좌 : https://youtu.be/9cp3mT6KhwU]

SwiftUI의 TextField 뷰는 UITextField와 비슷하지만, 기본적으로 약간 다르게 보이며, 상태에 바인딩하는것을 강하게 의존합니다.

 

하나를 만들기 위해, 텍스트 필드 내부에서 사용하는 자리표시자(placeholder)와 바인딩해야 할 상태값을 전달해야합니다. 예를들어, 로컬 문자열에 바인딩된 TextField를 만들고나서 입력할때 텍스트 필드의 출력을 보여주는 텍스트 뷰를 아래에 위치시킵니다.

struct ContentView: View {
    @State private var name: String = "Tim"

    var body: some View {
        VStack {
            TextField("Enter your name", text: $name)
            Text("Hello, \(name)!")
        }
    }
}

 

이를 실행했을때, 텍스트 필드에 입력하고 바로 아래에 인사말이 보여지는 것이 가능해야 합니다. 

 

텍스트 필드로 작업할때 중요한 2가지를 조건이 있습니다. 첫번째, 기본적으로 테두리(border)가 없으므로 아무것도 볼수 없을 것입니다 - 키보드를 활성화 하려면 텍스트 필드 내부를 가볍게 탭 해야 합니다.

 

두번째, 레이아웃의 캔버스 미리보기에 입력할 수 없는 것을 알게 될지도 모릅니다. 이 문제가 발생하면, Cmd+R을 눌러 시뮬레이터에서 코드를 빌드하고 실행하세요.