Flutter’da FloatingActionButton (FAB), uygulamanızdaki önemli veya sık kullanılan eylemleri temsil etmek için kullanılan bir bileşendir. FAB, genellikle kullanıcı etkileşimi gerektiren bir eylemi gerçekleştirmek için kullanılır. İşte Flutter’da FloatingActionButton ve bazı özellikleri:
- Şekil: FloatingActionButton, varsayılan olarak yuvarlak bir şekle sahiptir, ancak isteğe bağlı olarak şekil değiştirilebilir. Örneğin, ‘mini’ bir FAB oluşturarak daha küçük bir boyutta olabilir.
- İkon: FloatingActionButton, içerisinde bir ikon veya metin içerebilir.
icon
veyachild
özelliği kullanılarak içeriği belirlenebilir. İkona önceden tanımlanmış Flutter ikonları veya özelleştirilmiş ikonlar atanabilir.
Örneğin:
FloatingActionButton( onPressed: () { // FAB tıklandığında yapılacak eylemler }, child: Icon(Icons.add), )
- Arkaplan Rengi: FloatingActionButton,
backgroundColor
özelliği kullanılarak arkaplan rengini belirleyebilir. Varsayılan olarak, FAB’ın arkaplan rengiThemeData.primaryColor
ile uyumlu olur. - Kenarlık: FloatingActionButton,
elevation
özelliği kullanılarak bir gölgelendirme efektiyle görüntülenebilir. Bu özellik, FAB’ı diğer arayüz öğelerinden ayırmak için kullanılabilir. - Tıklandığında Eylem: FloatingActionButton,
onPressed
özelliğiyle tıklama olaylarına yanıt verebilir. Tıklama işlevi atanmadığı sürece FAB devre dışı bırakılır. - Geçişli FAB: FloatingActionButton, sayfa geçişleri gibi daha karmaşık işlemleri gerçekleştirmek için kullanılabilir. Bu durumda,
FloatingActionButton.extended
kullanılarak FAB’ın genişletilmiş bir versiyonu oluşturulur veonPressed
olayı atanır.
Örneğin:
FloatingActionButton.extended( onPressed: () { // Geçiş yapılacak sayfaya yönlendirme }, icon: Icon(Icons.arrow_forward), label: Text('İleri Git'), )
Bu, FloatingActionButton’un bazı özelliklerini içeren temel bir genel bakıştır. Flutter, bu bileşenin daha fazla özelleştirilebilmesi için diğer özellikler ve özelleştirme seçenekleri sunar.