Öncelikle FloatingActionButton’ın kullanımı için, önceden oluşturulmuş bir Scaffold
bileşeni içinde yer alması gerektiğini unutmayın.
İşte basit bir örnek:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
import 'package:flutter/material.dart'; class MyHomePage extends StatelessWidget { const MyHomePage({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('FloatingActionButton Örneği'), ), body: const Center( child: Text( 'Merhaba, Flutter!', ), ), floatingActionButton: FloatingActionButton( onPressed: () { // FloatingActionButton tıklandığında çalışacak işlemler buraya yazılır. print('FloatingActionButton tıklandı!'); }, child: const Icon(Icons.add), ), ); } } |
Bu örnekte, Scaffold
bileşeni içinde, floatingActionButton
özelliği kullanılarak bir FloatingActionButton
oluşturulmuştur. onPressed
özelliği, FloatingActionButton tıklandığında çalışacak kodu içerir. child
özelliği, FloatingActionButton içinde görünecek ikonu belirler.
FloatingActionButton’ı farklı şekillerde özelleştirebilirsiniz. Örneğin, FloatingActionButton’ın arkasındaki materyal rengini değiştirmek için backgroundColor
özelliğini kullanabilirsiniz:
1 2 3 4 5 6 7 |
floatingActionButton: FloatingActionButton( onPressed: () { print('FloatingActionButton tıklandı!'); }, child: const Icon(Icons.add), backgroundColor: Colors.red, ), |
Ayrıca, shape
özelliğini kullanarak FloatingActionButton’ın şeklini de değiştirebilirsiniz:
1 2 3 4 5 6 7 8 9 |
floatingActionButton: FloatingActionButton( onPressed: () { print('FloatingActionButton tıklandı!'); }, child: const Icon(Icons.add), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(20), ), ), |
Bu örnekte, shape
özelliği, FloatingActionButton’ın şeklini yuvarlatılmış köşeli bir dikdörtgen olarak belirler. borderRadius
özelliği, köşelerin yuvarlaklığını ayarlar.
Flutter’da FloatingActionButton’un birçok farklı özelliği ve kullanımı vardır. Umarım bu örnekler size başlangıçta yardımcı olmuştur.
İlk Yorumu Siz Yapın