Dart Dilinde Listeler ve Listelerin Widget’lara Uygulanması

İnternetten veri çekerken, bir şeyleri sıralarken vb. yardımımıza listeler koşuyor. Seninle listeleri inceleyelim.

Görsel not: Listeden ekrana

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]

Get Mustafa Oğuz BARAN’s stories in your inbox

.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