Ich kann in Flutter keine Möglichkeit finden, ein Eingabefeld zu erstellen, das eine numerische Tastatur öffnet. Ist dies mit Flutter-Material-Widgets möglich? Einige Github-Diskussionen scheinen darauf hinzudeuten, dass dies eine unterstützte Funktion ist, aber ich kann keine Dokumentation dazu finden.
124
Antworten:
Sie können die Nummer als Tastaturtyp für das TextField angeben, indem Sie:
Überprüfen Sie meine main.dart-Datei
quelle
Versuchen Sie diesen Codeblock für diejenigen, die nur Zahlen als Eingabe erstellen
TextField
oderTextFormField
akzeptieren möchten:quelle
Durch diese Option können Sie ein anderes Zeichen ohne Nummer streng einschränken.
Um die obige Option verwenden zu können, müssen Sie diese importieren
Mit dieser Option kann der Benutzer kein Zeichen in ein Textfeld einfügen
quelle
Stellen Sie die Tastatur und einen Validator ein
quelle
num
für die Variable funktioniert nicht. Der Name muss geändert werdenFür diejenigen, die mit Geldformat arbeiten müssen in den Textfeldern arbeiten müssen:
Nur zu verwenden :, (Komma) und. (Zeitraum)
und blockieren Sie das Symbol: - (Bindestrich, Minus oder Bindestrich)
sowie die: ⌴ (Leerzeichen)
Legen Sie in Ihrem TextField einfach den folgenden Code fest:
Der Bindestrich und das Leerzeichen der Symbole werden weiterhin auf der Tastatur angezeigt, jedoch blockiert.
quelle
Sie können diese beiden Attribute zusammen mit TextFormField verwenden
Es ist erlaubt, nur Zahlen zu setzen, sonst nichts.
https://api.flutter.dev/flutter/services/TextInputFormatter-class.html
quelle
Sie können den Eingabetyp einfach mit dem Parameter keyboardType ändern, und Sie haben viele Möglichkeiten, die Dokumentation TextInputType zu überprüfen, damit Sie die Nummer oder den Telefonwert verwenden können
quelle
Sie können dies versuchen:
quelle
keyboardType: TextInputType.number
würde ein Nummernfeld auf Fokus öffnen, ich würde das Textfeld löschen, wenn der Benutzer etwas anderes eingibt / hinter sich lässt.quelle
Hier ist der Code für die aktuelle Telefontastatur unter Android:
Schlüsselteil:
keyboardType: TextInputType.phone,
quelle
Hier ist der Code für die numerische Tastatur: keyboardType: TextInputType.phone Wenn Sie diesen Code in das Textfeld einfügen, wird die numerische Tastatur geöffnet.
quelle
Für die Zahleneingabe oder die numerische Tastatur können Sie keyboardType: TextInputType.number verwenden
quelle