Gewusst wie: anzeigen/verbergen des Passworts in TextFormField?
Derzeit habe ich mein Passwort TextFormField
wie diese:
TextFormField(
decoration: const InputDecoration(
labelText: 'Password',
icon: const Padding(
padding: const EdgeInsets.only(top: 15.0),
child: const Icon(Icons.lock),
)),
validator: (val) => val.length < 6 ? 'Password too short.' : null,
onSaved: (val) => _password = val,
obscureText: true,
);
Ich möchte einen button wie Interaktion, die machen das Passwort sichtbar und unsichtbar. Kann ich es in TextFormField
? Oder ich muß ein Stack
widget, um meine gewünschten UI. Und wie wird der Zustand über obscureText
true/false?
- Nur machen
true
dass Sie anobscureText
eine variable und setzen Sie es zum Beispiel in einer Funktion, die Sie passieren zu " onPressed: wenn ein Knopf
Du musst angemeldet sein, um einen Kommentar abzugeben.
Zuerst stellen Sie widget
StatefulWidget
wenn es einStatelessWidget
.Dann eine variable
bool _obscureText
und übergeben es an IhreTextFormField
. Das Umschalten mitsetState
als erforderlich.Beispiel:
Hoffe, das hilft!
Row
für die horizontale Anordnung und dieColumn
für vertikale AnordnungInputDecoration
hat einesuffixIcon
Eigenschaft, die sein könnte, was suchst du genau.Habe ich erstellt-Lösung als je @Hemanth Raj aber in robuster Weise.
Zuerst deklarieren Sie eine
bool
variablepasswordVisible
.Initiieren
passwordVisible
zufalse
iminitState()
Folgenden ist die
TextFormField
widget :Hoffe, dies hilft jemand!!!
Gut, Sofern Sie möchten, das Kennwort sichtbar ist, wenn incontact mit dem Bildschirm, und ausgeblendet, sobald Sie entfernen Sie den Kontakt, dann ist dies für Sie
Habe ich auch veröffentlicht, dies als ein Paket hier
https://pub.dev/packages/passwordfield
Die Ausgabe des obigen code
Mit einem Kredit geht an X-Wei, können Sie das widget als separates
password.dart
:Nennen, wie:
Ich habe es mit halten und loslassen der longTap: