Flutter: jak utworzyć pole tekstowe z podpowiedzią, ale bez podkreślenia?

Oto, co próbuję zrobić:

W dokumentach Flutter dla pól tekstowych ( https://flutter.io/text-input/ ) jest napisane, że możesz usunąć podkreślenie, przechodząc nulldo dekoracji. Jednak to również usuwa tekst podpowiedzi.

Nie chcę żadnego podkreślenia, czy pole tekstowe jest aktywne, czy nie.

AKTUALIZACJA: zaktualizowana zaakceptowana odpowiedź, aby odzwierciedlić zmiany w Flutter SDK od kwietnia 2020 r.

Żadna z powyższych odpowiedzi nie będzie działać dla nowego pakietu SDK flutter, ponieważ po integracji obsługi sieciowej i stacjonarnej należy określić indywidualnie w ten sposób

TextFormField(
    cursorColor: Colors.black,
    keyboardType: inputType,
    decoration: new InputDecoration(
        border: InputBorder.none,
        focusedBorder: InputBorder.none,
        enabledBorder: InputBorder.none,
        errorBorder: InputBorder.none,
        disabledBorder: InputBorder.none,
        contentPadding:
            EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
        hintText: sLabel),
  )

Zrób to tak:

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

lub jeśli potrzebujesz innych rzeczy, takich jak ikona, ustaw obramowanie za pomocą InputBorder.none

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

zmień skoncentrowaną ramkę na brak

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

Oto dodatkowa odpowiedź, która pokazuje pełniejszy kod:

  Container(
    decoration: BoxDecoration(
      color: Colors.tealAccent,
      borderRadius:  BorderRadius.circular(32),
    ),
    child: TextField(
      decoration: InputDecoration(
        hintStyle: TextStyle(fontSize: 17),
        hintText: 'Search your trips',
        suffixIcon: Icon(Icons.search),
        border: InputBorder.none,
        contentPadding: EdgeInsets.all(20),
      ),
    ),
  ),

Uwagi:

• Ciemne tło (kod nie pokazano) Colors.teal.
• InputDecorationrównież ma właściwość filledand fillColor, ale nie mogłem sprawić, by miały promień narożnika, więc zamiast tego użyłem kontenera.

Nie znalazłem innej odpowiedzi, która podaje promień obramowania, możesz to po prostu zrobić w ten sposób, bez zagnieżdżenia Container

  TextField(
    decoration: InputDecoration(
      border: OutlineInputBorder(
        borderSide: BorderSide.none,
        borderRadius: BorderRadius.circular(20),
      ),
    ),
  );

Używałem TextFieldtrzepotanie control.I dostał wejście wpisane użytkownika przy użyciu poniżej metod.

onChanged:(value){
}

decoration: InputDecoration(
 border:OutLineInputBorder(
 borderSide:BorderSide.none
 bordeRadius: BordeRadius.circular(20.0)
 )
)