Flutter: як зробити TextField за допомогою HintText, але не підкреслити?

Це те, що я намагаюся зробити:

У документах Flutter для текстових полів ( https://flutter.io/text-input/ ) зазначено, що ви можете видалити підкреслення, перейшовши nullдо декору. Однак це також позбавляється від тексту підказки.

Я не хочу, щоб підкреслювалося, чи текстове поле зосереджене чи ні.

ОНОВЛЕННЯ: оновлена ​​прийнята відповідь для відображення змін у Flutter SDK станом на квітень 2020 року.

Не вказана вище відповідь буде працювати для нового flutter sdk, оскільки після інтеграції підтримки веб-та настільних ПК потрібно вказати індивідуально, як це

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також має filledта fillColorвластивість, але я не міг змусити їх мати кутовий радіус, тому я використав контейнер замість цього.

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

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

Я використовував TextFieldflutter control.Я отримав введені користувачем дані, використовуючи методи нижче.

onChanged:(value){
}

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