Flutter: bagaimana membuat TextField dengan HintText tapi tanpa Underline?

Inilah yang saya coba buat:

Di dokumen Flutter untuk Bidang Teks ( https://flutter.io/text-input/ ) disebutkan bahwa Anda dapat menghapus garis bawah dengan meneruskan nullke dekorasi. Namun, itu juga menghilangkan teks petunjuk.

Saya tidak ingin ada garis bawah apakah bidang teks terfokus atau tidak.

UPDATE: memperbarui jawaban yang diterima untuk mencerminkan perubahan dalam Flutter SDK per April 2020.

Bukan dari jawaban di atas akan berfungsi untuk flutter sdk baru karena setelah integrasi web dan dukungan desktop Anda perlu menentukan satu per satu seperti ini

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

Lakukan seperti ini:

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

atau jika Anda membutuhkan hal lain seperti ikon, atur batasnya dengan InputBorder.none

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

ubah batas fokus menjadi tidak ada

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

Berikut adalah jawaban tambahan yang menunjukkan beberapa kode yang lebih lengkap:

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

Catatan:

• Latar belakang gelap (kode tidak ditampilkan) adalah Colors.teal.
• InputDecorationjuga memiliki filleddan fillColorproperti, tapi saya tidak bisa membuatnya memiliki radius sudut, jadi saya menggunakan wadah sebagai gantinya.

Saya tidak menemukan jawaban lain memberikan radius batas, Anda dapat melakukannya seperti ini, tidak bersarang Container

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

Saya menggunakan TextFieldkontrol flutter. Saya mendapat input yang diketik pengguna menggunakan metode di bawah ini.

onChanged:(value){
}

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