Flutter: ¿cómo hacer un TextField con HintText pero sin subrayado?

Esto es lo que intento hacer:

En los documentos de Flutter para campos de texto ( https://flutter.io/text-input/ ), dice que puede eliminar el subrayado pasando nulla la decoración. Sin embargo, eso también elimina el texto de sugerencia.

No quiero subrayar si el campo de texto está enfocado o no.

ACTUALIZACIÓN: respuesta aceptada actualizada para reflejar los cambios en Flutter SDK a partir de abril de 2020.

Ninguna de las respuestas anteriores funcionará para el nuevo flutter sdk, ya que después de la integración del soporte web y de escritorio, debe especificar individualmente como este

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

Hazlo asi:

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

o si necesita otras cosas como el icono, establezca el borde con InputBorder.none

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

cambiar el borde enfocado a ninguno

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

Aquí hay una respuesta complementaria que muestra un código más 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),
      ),
    ),
  ),

Notas:

• El fondo oscuro (código no mostrado) es Colors.teal.
• InputDecorationtambién tiene una propiedad filledy fillColor, pero no pude conseguir que tuvieran un radio de esquina, así que usé un contenedor en su lugar.

Encontré que ninguna otra respuesta da un radio de borde, simplemente puede hacerlo así, no anidado Container

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

Estaba usando el TextFieldcontrol de aleteo Obtuve que el usuario ingresara la entrada usando los métodos siguientes.

onChanged:(value){
}

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