Flutter: как создать текстовое поле с HintText, но без подчеркивания?

Вот что я пытаюсь сделать:

В документации Flutter для текстовых полей ( https://flutter.io/text-input/ ) говорится, что вы можете удалить подчеркивание, перейдя nullк оформлению. Однако это также избавляет от текста подсказки.

Я не хочу подчеркивать, сфокусировано ли текстовое поле или нет.

ОБНОВЛЕНИЕ: обновлен принятый ответ, чтобы отразить изменения в Flutter SDK по состоянию на апрель 2020 года.

Ни один из приведенных выше ответов не будет работать для нового sdk flutter, поскольку после интеграции поддержки Интернета и рабочего стола вам необходимо указать индивидуально, как это

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

Делай это так:

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

или если вам нужны другие вещи, например значок, установите границу с помощью InputBorder.none

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

изменить выделенную границу на отсутствие

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

Вот дополнительный ответ, который показывает более полный код:

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

Ноты:

• Темный фон (код не показан) есть Colors.teal.
• InputDecorationтакже есть свойство filledand fillColor, но я не смог заставить их иметь угловой радиус, поэтому вместо этого я использовал контейнер.

Я не нашел другого ответа, который дает радиус границы, вы можете просто сделать это так, без вложенных Container

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

Я использовал TextFieldэлемент управления флаттером и получил вводимые пользователем данные, используя следующие методы.

onChanged:(value){
}

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