#Flutter3 Dart Dilinde Listeler ve Listelerin Widget’lara Uygulanması
1 min readOct 25, 2022
İnternetten veri çekerken, bir şeyleri sıralarken vb. yardımımıza listeler koşuyor. Seninle listeleri inceleyelim.
Dart Dili Sabit Uzunluktaki Listelerin Syntax’ı (Fixed Length List)
var degiskenAdi = new List(kac elemandan oluşuyor?);
degiskenAdi[0] = "list1";
degiskenAdi[1] = "liste2";
.
.
.
Fixed Length List Deneyi
var list = new List(3);
list[0] = 1;
list[1] = 2;
list[2] = 3;
print(list);output: [1, 2, 3]
Dart Dili Genişletilebilen Listelerin Syntax’ı (Growable List)
var degiskenAdi = ["Liste Elemanları"];
degiskenAdi.add("yeni eleman"); // .add fonksiyonu ile oluşturulan genişletilebilen listeye eleman ekleyebilirsin.
Growable List Deneyi
var list = [1, 2, 3];
list.add(4);
print(list);output: [1, 2, 3, 4]
.first() Nedir?
.first() fonksiyonu, tanımlı listedeki ilk elemanı verir. Hemen bi’ deney yapalım.
var list = ["apple", "banana", "orange"];
print(list.first);output: apple
Listelerin Widget’lara Uygulanması
import 'package:flutter/material.dart';void main(){
runApp(MaterialApp(
home: ListViewApp()
),
);
}class ListViewApp extends StatelessWidget{
var list = ["List1", "List2", "List3", "List4"]; //list adında bir değişken tanımladım.
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Flutter ListView App"),
),
body: Center(
child: ListView.builder( //Center Widget'ıma bir adet ListView.builder ekledim. Bu, liste verilerimizi dinamik bir şekilde çekebilmemize olanak sağlıyor.
itemCount: list.length, //ListView.builder widget'ımızın içerisine itemCount ve itemBuilder özelliklerimi ekliyoruz. itemCount özelliği listemizin uzunluğunu alıyor.
itemBuilder: (BuildContext context, int index){
return Text(list[index]);
} //itemBuilder özelliğimiz ise bir fonksiyondur parametre olarak context ve bir int degisken alır.
)
),
);
throw UnimplementedError();
}}
Evet, deneylerimizle birlikte #Flutter3 bu kadardı. Bug’sız günler dilerim.
print(“İşleyen kod bug tutmaz.”)
-Anonim