Flutter’da DropdownButton, bir seçenek listesini açılır bir menü olarak görüntüleyen ve kullanıcının bir seçenek yapmasını sağlayan bir bileşendir. DropdownButton, genellikle kullanıcıların bir seçenek arasından seçim yapması gereken durumlarda kullanılır. İşte Flutter’da DropdownButton ve bazı özellikleri:
- Seçenekler Listesi: DropdownButton,
items
özelliği kullanılarak bir seçenek listesi alır. Seçenekler,DropdownMenuItem
widget’ları kullanılarak belirtilir. Her birDropdownMenuItem
, bir değeri temsil eden bir etiket içerir.
Örneğin:
DropdownButton<String>( value: selectedOption, items: [ DropdownMenuItem( value: 'Option 1', child: Text('Seçenek 1'), ), DropdownMenuItem( value: 'Option 2', child: Text('Seçenek 2'), ), DropdownMenuItem( value: 'Option 3', child: Text('Seçenek 3'), ), ], onChanged: (value) { setState(() { selectedOption = value; }); }, )
- Başlangıç Değeri: DropdownButton,
value
özelliği kullanılarak başlangıçta seçili olan seçeneği belirler. Bu özelliğe, bir seçenek listesindeki bir değeri atayarak başlangıç değerini belirleyebilirsiniz. - Değiştirilebilirlik: DropdownButton, kullanıcının seçeneği değiştirebilmesi için
onChanged
özelliği kullanılarak bir geri çağırma işleviyle birlikte gelir. Kullanıcı yeni bir seçenek seçtiğinde, bu geri çağırma işlevi tetiklenir ve seçilen değeri alır. - Stil: DropdownButton’ın görünümü,
style
veicon
özellikleri kullanılarak özelleştirilebilir.style
özelliği, açılır menünün yazı tipi, renk vb. gibi stil özelliklerini ayarlamak için kullanılırken,icon
özelliği, açılır menüyü açmak için kullanılan simgeyi belirler. - Genişlik: DropdownButton, varsayılan olarak içeriğine uygun genişlikte görüntülenir. Ancak, isterseniz
isExpanded
özelliğinitrue
olarak ayarlayarak, DropdownButton’ı mümkün olduğunda tüm boşluğu kaplayacak şekilde genişletebilirsiniz.
Bu, DropdownButton’un bazı özelliklerini içeren temel bir genel bakıştır. Flutter, bu bileşeni daha fazla özelleştirme seçeneği sunarak, görünüm ve işlevsellik açısından ihtiyaçlarınıza uygun olarak özelleştirmenizi sağlar.