SecureField para contraseñas
Oculte las entradas confidenciales con SecureField.
SecureField para contraseñas es una lección gratuita de SwiftUI Academy en CoddyKit. Esta es la lección 3 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de SwiftUI Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de SwiftUI Academy incluye 4 lecciones en total.
Partes de esta lección aún no han sido traducidas y se muestran en inglés.
Hiding Sensitive Text
Passwords should never appear on screen as plain letters. SwiftUI gives you SecureField, a text field that masks every character. 🔒
Just Like TextField
A SecureField works exactly like a TextField: a placeholder and a binding. The only difference is the dots shown instead of the real characters.
SecureField("Password", text: $password)It Still Needs State
Just like before, the typed value lives in a @State string. SecureField reads and writes it through the binding you pass with the $ prefix.
@State private var password = ""The Real Value Is Yours
The dots are only for display. Your state string holds the actual text, so you can validate or send it even though the screen hides it.
A Bordered Look
Give it the same polish as any field. The textFieldStyle modifier with .roundedBorder makes a clean, tappable password box.
SecureField("Password", text: $password)
.textFieldStyle(.roundedBorder)Pairing With Username
A login screen usually stacks a normal TextField for the email above a SecureField for the password, each with its own state.
TextField("Email", text: $email)
SecureField("Password", text: $password)Helping the System
Add textContentType(.password) so iOS offers saved passwords and Keychain suggestions, making sign-in faster for your users.
SecureField("Password", text: $password)
.textContentType(.password)New vs Existing Passwords
On a sign-up screen use .newPassword instead. iOS then suggests a strong, unique password and stores it in the Keychain.
SecureField("New password", text: $pw)
.textContentType(.newPassword)Reacting to Submit
SecureField supports onSubmit too. When the user taps return, run your login or move focus to the next field.
SecureField("Password", text: $pw)
.onSubmit { logIn() }Privacy by Default
Because the characters are masked, no one glancing at the screen sees the password. SecureField gives you that privacy for free.
Same Skills, Safer Field
Everything you learned about binding text still applies. SecureField is simply the safe choice whenever the input is a secret. ✨
Quick Check
What is the main difference between SecureField and TextField?
Recap
You masked secret input with SecureField, kept the real value in state, and used textContentType to help iOS suggest and save passwords. 🎉
Preguntas frecuentes
¿La lección «SecureField para contraseñas» es gratis?
Sí — el texto completo de «SecureField para contraseñas» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de SwiftUI Academy, actualiza a CoddyKit PRO. El curso de SwiftUI Academy incluye 4 lecciones en total.
¿Qué aprenderé en «SecureField para contraseñas»?
Oculte las entradas confidenciales con SecureField. Practicas SwiftUI Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar SwiftUI Academy?
No se requiere experiencia previa. SwiftUI Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 4.
¿Cuánto tiempo toma la lección «SecureField para contraseñas»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de SwiftUI Academy?
Sí. Cada lección de SwiftUI Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Vinculación de un TextField al estado
- Tipos de teclado y marcadores de posición
- SecureField para contraseñas
- Validación de entrada en directo