Ö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