Flutter’da bir Bottom Sheet (alt sayfa) oluşturmak için aşağıdaki adımları takip edebilirsiniz:
Adım 1: Bottom Sheet’i Göstermek İçin Bir Buton Ekleyin Öncelikle, Bottom Sheet’i tetiklemek için bir buton eklemeniz gerekiyor. Örneğin, bir FloatingActionButton veya bir RaisedButton kullanabilirsiniz. Şu şekilde bir buton ekleyebilirsiniz:
floatingActionButton: FloatingActionButton(
onPressed: () {
showModalBottomSheet(
context: context,
builder: (BuildContext context) {
return _buildBottomSheet(context); // Bottom Sheet içeriğini oluşturan metodu çağırın
},
);
},
child: Icon(Icons.add),
),
Flutter’da bir Bottom Sheet (alt sayfa) oluşturmak için aşağıdaki adımları takip edebilirsiniz:
Adım 1: Bottom Sheet’i Göstermek İçin Bir Buton Ekleyin Öncelikle, Bottom Sheet’i tetiklemek için bir buton eklemeniz gerekiyor. Örneğin, bir FloatingActionButton veya bir RaisedButton kullanabilirsiniz. Şu şekilde bir buton ekleyebilirsiniz:
dartCopy codefloatingActionButton: FloatingActionButton(
onPressed: () {
showModalBottomSheet(
context: context,
builder: (BuildContext context) {
return _buildBottomSheet(context); // Bottom Sheet içeriğini oluşturan metodu çağırın
},
);
},
child: Icon(Icons.add),
),
Adım 2: Bottom Sheet İçeriğini Oluşturun _buildBottomSheet
adında bir metot oluşturun ve bu metotta Bottom Sheet’in içeriğini oluşturun. İçerik olarak genellikle bir Column veya ListView gibi bir widget kullanılır. Örnek olarak, bir ListView içeren bir Bottom Sheet oluşturabilirsiniz:
Widget _buildBottomSheet(BuildContext context) {
return Container(
height: 200,
child: ListView(
children: [
ListTile(
title: Text(‘Seçenek 1’),
onTap: () {
// Seçenek 1’e tıklanınca yapılacak işlemler
Navigator.pop(context); // Bottom Sheet’i kapatmak için
},
),
ListTile(
title: Text(‘Seçenek 2’),
onTap: () {
// Seçenek 2’ye tıklanınca yapılacak işlemler
Navigator.pop(context); // Bottom Sheet’i kapatmak için
},
),
// Diğer ListTile’lar veya widget’lar
],
),
);
}
Bu örnek, 200 yüksekliğinde bir ListView içeren bir Bottom Sheet oluşturur. ListView’in içindeki ListTile’lar veya diğer widget’lar kullanıcı tarafından tıklanabilir ve belirli işlemler yapılabilir. Her bir ListTile’ın onTap özelliği kullanıcı tarafından seçeneklere tıklandığında yapılacak işlemleri belirtir.
Bu adımları takip ederek Flutter’da bir Bottom Sheet oluşturabilir ve kullanıcılarla etkileşime geçebilirsiniz. İçeriği ve davranışını istediğiniz gibi özelleştirebilirsiniz.
Bu Yazıya Tepkin Ne Oldu ?
YORUMLAR