TextField

사용자의 입력을 받아 처리할 수 있도록 하기 위해 TextField를 사용합니다.

struct ContentView: View {
//입력받은 데이터를 저장할 수 있게 변수 name을 선언합니다. 
    @State var name: String = ""
    
    var body: some View {
        VStack{
            TextField(
                "What is your name?",
                text: $name
            )
            .textFieldStyle(RoundedBorderTextFieldStyle())
           
            
            Text("Hello \(name)")
                .background(.yellow)
        }
    }
}

 

아무런 값이 입력되지 않으면 “what is your name?”이 보입니다. (placeholder)

값을 입력하면 변수 name에 저장되고 Hello + name 이 노란색 부분에  입력값이 보이게 됩니다.

 

 

 

• textFieldStyle대신에 .border()를 이용할 수도 있음.
• .border(.secondary)