#17. 텍스트필드(TextField, SecureField)

#1. ContentView

 

import SwiftUI

 

struct ContentView: View {

    

    @State private var userName : String = ""

    @State private var password : String = ""

    

    var body: some View {

        VStack(spacing:10) {

            HStack {

                TextField("사용자 이름", text: $userName)

                    .textFieldStyle(RoundedBorderTextFieldStyle())

                    .autocapitalization(.none)// 대문자로 시작안하기

                    .disableAutocorrection(.none) //입력 자동 수정하기 안하기

                    

                

                Button(action: {

                    self.userName = ""

                }){

                    if(self.userName.count > 0){

                        Image(systemName: "multiply.circle.fill")

                            .font(.system(size: 20))

                            .foregroundColor(.secondary) //gray color

                        

                    }

                    

 

                }

                

            } .padding(.horizontal)

            

            HStack {

                SecureField("비밀번호", text: $password)

                    .textFieldStyle(RoundedBorderTextFieldStyle())

                

                if(self.password.count > 0 ){

                    Button(action: {

                        self.password = ""

                    }){

                        Image(systemName: "multiply.circle.fill")

                            .font(.system(size: 20))

                            .foregroundColor(.secondary) //gray color

                        

                    }

                }

            }

            .padding(.horizontal)

            

            

            

            Text("비밀번호 : \(self.password)")

            

        } .padding()

        

    }

}

 

struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}

 

 

 

---

출처: https://youtu.be/l0X4j_yMT9U