web-dev-qa-db-fra.com

Flutter: comment créer un TextField avec HintText mais pas de soulignement?

C'est ce que j'essaie de faire:

enter image description here

Dans les documents Flutter pour les champs de texte ( https://flutter.io/text-input/ ), il est indiqué que vous pouvez supprimer le soulignement en passant null à la décoration. Cependant, cela supprime également le texte d'indice.

Je ne veux pas souligner si le champ de texte est ciblé ou non.

UPDATE: apparemment, cela peut être facilement fait en utilisant

new InputDecoration.collapsed(...),

qui garde l'indice sans tracer une bordure.

48
TeabaggingSanta

Fais-le comme ça:

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

ou si vous avez besoin d'autre chose comme icon, définissez la bordure avec InputBorder.none

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

changer la bordure focalisée à aucun

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