텍스트 필드
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 24번째.
TextField는 사용자가 입력할 수 있게 합니다. String 상태에 대한 자리 표시자와 바인딩이 필요합니다:
@State private var name = ""
var body: some View {
VStack {
TextField("Your name", text: $name)
Text("Hello, \(name)!")
}
}$는 $name의 상태를 바인딩, 즉 양방향 연결로 바꿉니다. 필드에는 name의 값이 표시되고, 사용자가 입력하는 모든 키는 해당 값에 다시 기록됩니다. 아래 텍스트는 동일한 상태를 읽으므로 키를 입력할 때마다 업데이트됩니다.
.textFieldStyle(.roundedBorder)는 필드 주위에 익숙한 둥근 상자를 그립니다.
챌린지
쉬움사용자 이름으로 인사하세요. name에 바인딩된 자리 표시자 Your name이 있는 TextField를 추가하고, 식별자를 name으로 지정하세요. 사용자가 Ada를 입력한 후 Hello, Ada!로 표시되어야 하는 인사 텍스트를 유지하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드