DropdownButton
adalah sebuah widget di Flutter yang digunakan untuk membuat sebuah menu dropdown atau sebuah pilihan dari daftar yang disediakan. Dalam penggunaannya, DropdownButton
memiliki properti items
yang berisi daftar pilihan, kemudian setiap pilihan dapat diakses melalui properti value
.
Contoh sederhana dari penggunaan DropdownButton
adalah sebagai berikut:
String dropdownValue = 'One';
DropdownButton<String>(
value: dropdownValue,
onChanged: (String newValue) {
setState(() {
dropdownValue = newValue;
});
},
items: <String>['One', 'Two', 'Three', 'Four']
.map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
)
Dalam contoh di atas, widget DropdownButton
memiliki properti value
yang menyimpan nilai dari pilihan saat ini, kemudian properti onChanged
digunakan untuk mengubah nilai dari pilihan saat dipilih oleh pengguna. Properti items
berisi daftar pilihan yang akan ditampilkan pada menu dropdown, dan setiap pilihan dibungkus dalam widget DropdownMenuItem
. Widget Text
digunakan untuk menampilkan teks dari setiap pilihan.
Selain properti yang sudah disebutkan di atas, DropdownButton
juga memiliki beberapa properti tambahan seperti hint
yang digunakan untuk menampilkan teks hint saat belum ada pilihan yang dipilih, dan disabledHint
yang digunakan untuk menampilkan teks hint saat widget dalam keadaan disabled. Selain itu, properti icon
dan iconDisabledColor
digunakan untuk menampilkan ikon yang berada di sebelah kanan teks pilihan, sedangkan properti iconEnabledColor
digunakan untuk menentukan warna dari ikon tersebut.