TextField de contraseña en Flutter

En este corto post te mostraré cómo hacer que un input o mejor dicho un TextField en Flutter sea de tipo contraseña o password, es decir, que no se muestren los caracteres, sino puntos o asteriscos.

Para ello vamos a usar la propiedad obscureText.

Tipo contraseña en TextField de Flutter

Tenemos un TextField o campo de texto algo así:

TextField(
  controller: _password,
  decoration: InputDecoration(
      hintText: 'Contraseña', labelText: 'Contraseña'),
),

Para que se censure el texto y sea de tipo contraseña, agregamos obscureText como true:

TextField(
  controller: _password,
  decoration: InputDecoration(
      hintText: 'Contraseña', labelText: 'Contraseña'),
  obscureText: true,/* <-- Aquí */
),

Al momento de escribir, la contraseña aparecerá oculta:

Contraseña en campo de texto de Flutter – Ocultar caracteres

Nota: el último carácter aparece porque tomé la captura antes de que fuera ocultado.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *