Language/Swift

SwiftUI를 이용한 패스워드 입력 뷰 만들기 (SecureField)

IFLA 2022. 11. 22. 06:00

 

일반 문구를 입력할 수 있는 TextFied 도 있지만 비밀번호를 입력한 입력칸이 일반 텍스트로 표출이 되면 다른 사람이 비밀번호를 볼 수 있는 문제가 생긴다. 그래서 SwiftUI 에서는 secureField를 제공해 비밀번호가 노출되지 않도록 뷰를 제공한다.

 

기본 코드

struct ContentView: View {
    @State private var password = ""
    var body: some View {
        VStack {
            SecureField("비밀번호", text: $password) {
            }
            .textFieldStyle(RoundedBorderTextFieldStyle())
            .padding()
        }
    }
}

 

입력칸에 표출되는 정보는 (***) 식으로 표시된다.

 

실행 화면


개발자 Document

Apple Developer Documentation