Flutter DataTable Widgeti Kullanımı

Herkese merhaba, Flutter yazılarımıza kaldığımız yerden devam ediyoruz. Bu yazımızda DataTable widgetini ve kullanımını anlatacağım. Hadi başlayalım !
Table of Contents
Flutter, Google tarafından geliştirilen bir mobil uygulama geliştirme framework’üdür. Flutter, performansı ve kullanım kolaylığıyla birlikte, zengin bir widget kütüphanesi sunar. Bu widget’lar, uygulama geliştiricilerine çeşitli seçenekler sunar ve uygulamalarını daha işlevsel ve estetik hale getirmelerine yardımcı olur.
Birçok uygulama, veri tablolarını kullanarak verileri sunar. Flutter, bu gereksinimleri karşılamak için DataTable widget’ını sunar. DataTable, verileri bir tablo olarak düzenlemek için kullanılır. Bu widget, hücreleri, sütunları ve satırları oluşturur ve kullanıcılara verileri farklı şekillerde sıralama, filtreleme ve düzenleme seçenekleri sunar.
Bu makalede, DataTable widget’inin özellikleri ve kullanımı hakkında bilgi edineceksiniz. Ayrıca, Flutter’da DataTable widget’ı kullanarak nasıl veri tabloları oluşturulacağını gösteren kod örnekleri de sunulacaktır.
DataTable Özellikleri
Flutter’da DataTable widget’i, birkaç özelliğe sahiptir. Bu özellikler, verileri nasıl görüntüleyeceğinizi ve kullanıcıların nasıl etkileşime girebileceklerini belirlemenize yardımcı olur. İşte bazı DataTable özellikleri:
- columns: DataColumn listesi. Tablodaki sütunlar için özellikler belirlemek için kullanılır.
- rows: DataRow listesi. Tablodaki satırlar için verileri belirlemek için kullanılır.
- sortColumn: DataColumn. Tablodaki sütunları sıralamak için kullanılır. Sıralama yöntemi, sortAscending özelliği ile belirlenir.
- onSelectAll: ValueChanged
callback. Tüm satırları seçmek veya seçimlerini kaldırmak için kullanılır. - onSort: Function(int, bool) callback. Sıralama sütunu değiştiğinde veya sıralama yöntemi değiştirildiğinde tetiklenir.
- dataRowHeight: double. Satırların yüksekliği için kullanılır.
- headingRowHeight: double. Sütun başlıklarının yüksekliği için kullanılır.
- columnSpacing: double. Sütunların arasındaki boşluk için kullanılır.
- showCheckboxColumn: bool. Seçim kutularını göstermek veya gizlemek için kullanılır.
DataTable Kullanımı
DataTable widget’ını kullanarak veri tabloları oluşturmak oldukça kolaydır. İlk olarak, columns özelliği ile sütunları ve özelliklerini belirleyin. Daha sonra, rows özelliği ile tablodaki verileri belirleyin. İşte bir örnek:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
final List columns = [
DataColumn(
label: Text('ID'),
numeric: true,
),
DataColumn(label: Text('Adı')),
DataColumn(label: Text('Soyadı')),
DataColumn(label: Text('Email')),
];
final List rows = [
DataRow(
cells: [
DataCell(Text('1')),
DataCell(Text('John')),
DataCell(Text('Doe')),
DataCell(Text('john.doe@example.com')),
],
),
DataRow(
cells: [
DataCell(Text('2')),
DataCell(Text('Jane')),
DataCell(Text('Doe')),
DataCell(Text('jane.doe@example.com')),
],
),
DataRow(
cells: [
DataCell(Text('3')),
DataCell(Text('Bob')),
DataCell(Text('Smith')),
DataCell(Text('bob.smith@example.com')),
],
),
];
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Veri Tablosu')),
body: SingleChildScrollView(
child: DataTable(
columns: columns,
rows: rows,
),
),
),
);
}
}
Bu kod, basit bir veri tablosu oluşturur. columns özelliği, sütunların nasıl görüntüleneceğini belirler ve rows özelliği, tablodaki verileri belirler. DataColumn widget’ı, sütun başlığı ve diğer özellikler gibi sütunlar için bilgiler sağlar. DataRow widget’ı, her satırdaki verileri ve hücreler için bilgileri sağlar.
DataCell widget’ı, her hücre için verileri görüntülemek için kullanılır. Bu örnekte, her hücre için Text widget’ı kullanılır.
DataTable widget’ını SingleChildScrollView widget’ı ile sararak, tablonun ekranın boyutunu aşması durumunda kaydırma özelliğini ekleyebilirsiniz.
Sonuç
Flutter’da DataTable widget’ı, veri tablolarını oluşturmak için kullanılır. Bu widget, sütunları, satırları ve hücreleri oluşturmak için kullanılır ve kullanıcıların verileri sıralamasına, filtrelemesine ve düzenlemesine olanak tanır. Bu makalede, DataTable widget’ının özellikleri ve kullanımı hakkında bilgi edindiniz. Ayrıca, bir örnek kodla veri tabloları nasıl oluşturulur, öğrendiniz. Flutter’da veri tabloları kullanmak, uygulamanızın verilerini daha düzenli ve kolay erişilebilir hale getirir.
Evet DataTable widgeti ve kullanımı bu şekilde olmakta. Tüm Flutter yazılarımıza buraya tıklayarak ulaşabilirsiniz. Herkese hayırlı günler.