Perşembe, Haziran 13, 2024
Sanal Gündem
Ana SayfaKodlamaFlutterFlutter FloatingActionButton ve Özellikleri

Flutter FloatingActionButton ve Özellikleri

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:

  1. Ş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.
  2. İkon: FloatingActionButton, içerisinde bir ikon veya metin içerebilir. icon veya child ö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),
)
  1. Arkaplan Rengi: FloatingActionButton, backgroundColor özelliği kullanılarak arkaplan rengini belirleyebilir. Varsayılan olarak, FAB’ın arkaplan rengi ThemeData.primaryColor ile uyumlu olur.
  2. 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.
  3. 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.
  4. 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 ve onPressed 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.

Yunus Emre Altay
Yunus Emre Altayhttp://yunusemrealtay.com.tr
Biz, yenilikçi çözümler ve dijital dönüşüm süreçlerinde uzmanlaşmış olarak, web, mobil ve masaüstü yazılımlar geliştiriyor ve işletmelerinizi geleceğe taşıyoruz. Analizlerimizi sıkı çalışması ve deneyimi ile, size özel çözüm önerileri sunarak iş süreçlerinizi optimize etmeye odaklanıyoruz
RELATED ARTICLES
- Reklam Alanı -

En Popüler

Son Yorumlar