Comment ajouter un type de saisie de mot de passe dans Flutter, ce qui fait que la saisie du mot de passe n'est pas visible, tout comme l'inputtype:password d'Android Native EditText ?

Question

Je rencontre un problème : le type TextInputType de Flutter n'a pas de type de mot de passe :

/// All possible enum values.

static const List<TextInputType> values = const <TextInputType>[
  text, multiline, number, phone, datetime, emailAddress, url,
];

comment faire pour que l'entrée du mot de passe ne soit pas visible ? quelqu'un a une bonne idée ?

Answer 1

Dans le cas où vous utilisez le TextField (ou quelque chose qui dérive de ce widget), vous pouvez utiliser la balise obscureText et la définir comme true . Plus de détails peuvent être trouvés ici .

En outre, envisagez d'ajouter ces propriétés pour empêcher les suggestions de saisie, car elles risquent de révéler au moins une partie de la saisie du mot de passe aux spectateurs de l'écran.

obscureText: true,
enableSuggestions: false,
autocorrect: false,

Answer 2

Il suffit d'ajouter obscureText: true sur TextFormField :

 TextFormField(
   obscureText: true,
   decoration: const InputDecoration(
     labelText: 'Password',
   ),
   validator: (String value) {
     if (value.trim().isEmpty) {
       return 'Password is required';
     }
   },
 ),

Answer 3

Il n'y a que deux endroits où nous pouvons cacher le mot de passe.

1. Utilisation de TextFormField

   TextFormField(
                obscureText: true,
                decoration: const InputDecoration(
                  labelText: 'Password',
                ),
              ),

2. Utilisation de TextField

              TextField(
                obscureText: true,
                decoration: const InputDecoration(
                  labelText: 'Password',
                ),
              )

Answer 4

Utilisation de TextField

Caractère obscurcissant : "*",

 TextField(
        obscureText: true,
        onChanged: (){},
        obscuringCharacter: "*",
        decoration: InputDecoration(
            hintText: "Enter password",
            icon: Icon(Icons.lock,color: kPrimaryColor,),
        ),
      ),