it-swarm.com.de

Flattern: Wie erstelle ich ein TextField mit HintText ohne Unterstreichung?

Das versuche ich zu machen:

enter image description here

In den Flutter-Dokumenten für Textfelder ( https://flutter.io/text-input/ ) heißt es, dass Sie die Unterstreichung entfernen können, indem Sie null an die Dekoration übergeben. Damit entfällt jedoch auch der Hinweistext.

Ich möchte nicht unterstreichen, ob das Textfeld fokussiert ist oder nicht.

UPDATE: Anscheinend kann dies einfach mit gemacht werden

new InputDecoration.collapsed(...),

dadurch bleibt der Hinweis erhalten, ohne einen Rand zu zeichnen.

48
TeabaggingSanta

Mach es so:

TextField(
  decoration: new InputDecoration.collapsed(
    hintText: 'Username'
  ),
),

oder wenn du andere Dinge wie icon brauchst, setze den Rand mit InputBorder.none

InputDecoration(
    border: InputBorder.none,
    hintText: 'Username',
  ),
),
129
Made Baruna

ändern Sie den fokussierten Rand in "Kein"

TextField(
      decoration: new InputDecoration(
          border: InputBorder.none,
          focusedBorder: InputBorder.none,
          contentPadding: EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
          hintText: 'Subject'
      ),
    ),
0
Sarthak Singhal