Home Mobile DropdownButton – Flutter

DropdownButton – Flutter

0

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.