[SwiftUI] TextField

TextField는 Text의 입력을 읽어오기 위한 component이다.

TextField의 인자값으로 @State로 선언된 변수를 넣어주면, 변수에 텍스트가 입력된다.

 

struct ContentView: View{
    @State var name: String = ""
    
    var body: some View{
        VStack{
            TextField("Enter name", text: $name)
                .pdding()
                .backgrount(Color(uiColor: .secondarySystemBackgrount))
                
                Text("Hello \(name)")
            }
        }
    }

 

 

Secure TextField 사용하기

Secure Textfield는 입력되는 텍스트의 값을 보호해주기 때문에 암호와 같은 텍스트를 입력 받을 때 사용된다.

TextField를 SecureField로 바꿔주기만 하면 된다.

 

 

struct ContentView: View{
    @State var name: String = ""
    
    var body: some View{
        VStack{
            SecureField("Enter name", text: $name)
                .pdding()
                .backgrount(Color(uiColor: .secondarySystemBackgrount))
                
                Text("Hello \(name)")
            }
        }
    }​