Flutter: come creare un campo di testo con HintText ma senza sottolineatura?

Questo è quello che sto cercando di fare:

Nella documentazione di Flutter per i campi di testo ( https://flutter.io/text-input/ ) si dice che è possibile rimuovere la sottolineatura passando nullalla decorazione. Tuttavia, questo elimina anche il testo del suggerimento.

Non voglio alcuna sottolineatura se il campo di testo è a fuoco o meno.

AGGIORNAMENTO: risposta accettata aggiornata per riflettere le modifiche in Flutter SDK a partire da aprile 2020.

Nessuna delle risposte precedenti funzionerà per il nuovo flutter sdk poiché dopo l'integrazione del supporto web e desktop è necessario specificare individualmente in questo modo

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),
  )

Fai cosi:

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

o se hai bisogno di altre cose come l'icona, imposta il bordo con InputBorder.none

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

cambia il bordo focalizzato su nessuno

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

Ecco una risposta supplementare che mostra un codice più completo:

  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),
      ),
    ),
  ),

Appunti:

• Lo sfondo scuro (codice non mostrato) è Colors.teal.
• InputDecorationha anche una proprietà fillede fillColor, ma non sono riuscito a ottenere un raggio d'angolo, quindi ho usato un contenitore.

Non ho trovato nessun'altra risposta che dia un raggio del bordo, puoi semplicemente farlo in questo modo, non annidato Container

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

Stavo usando il TextFieldcontrollo flutter.Ho ottenuto l'input digitato dall'utente utilizzando i metodi seguenti.

onChanged:(value){
}

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