How to add a placeholder to a TextField

 

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

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-add-a-placeholder-to-a-textfield]

 

How to add a placeholder to a TextField

SwiftUI의 TextField는 UITextField처럼 자리표시자(placeholder) 텍스트를 지원합니다 - 텍스트 필드가 비어있을때 회색 텍스트가 보여지며, 프롬프트(Enter your password)를 사용하거나 예제 데이터를 보여줍니다. 

 

자리표시자(placeholder)를 설정하기 위해서, 다음과 같이 텍스트 필드에 대한 초기화의 일부로 전달합니다.

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

    var body: some View {
        TextField("johnnyappleseed@apple.com", text: $emailAddress)
            .textFieldStyle(RoundedBorderTextFieldStyle())
            .padding()
    }
}

 

텍스트 필드가 비어있는 동안에 johnnyappleseed@apple.com가 보여질 것이지만, 사용자가 무언가 입력하자마자 사라집니다.