Bidang teks memungkinkan pengguna mengetik teks ke dalam aplikasi. Mereka digunakan untuk membuat formulir, mengirim pesan, membuat pengalaman pencarian, dan banyak lagi. Dalam resep ini, jelajahi cara membuat dan menata bidang teks.
Flutter menyediakan dua bidang teks: TextField dan TextFormField.
TextField
TextField adalah widget input teks yang paling umum digunakan.
Secara default, TextField didekorasi dengan garis bawah. Anda dapat menambahkan label, ikon, teks petunjuk sebaris, dan teks kesalahan dengan menyediakan InputDecoration sebagai properti dekorasi TextField. Untuk menghapus dekorasi seluruhnya (termasuk garis bawah dan ruang yang disediakan untuk label), setel dekorasi ke null.
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(),
hintText: 'Enter a search term',
),
),
TextFormField
TextFormField membungkus TextField dan mengintegrasikannya dengan Formulir terlampir. Ini menyediakan fungsionalitas tambahan, seperti validasi dan integrasi dengan widget FormField lainnya.
TextFormField(
decoration: const InputDecoration(
border: UnderlineInputBorder(),
labelText: 'Enter your username',
),
),
