const ve ListView.builder

const widget ve builder'ın performansa etkisini öğrenirsin.

const widget

const widget'lar derleme zamanında oluşturulur ve rebuild sırasında yeniden yaratılmaz. Bu, gereksiz build ve paint işlemlerini önler. const Text('Merhaba') her frame'de aynı nesneyi kullanır.

const Text('Merhaba')
// her rebuild'de aynı nesne

ListView.builder

ListView.builder, yalnızca ekranda görünen öğeleri oluşturur; uzun listelerde ListView'den çok daha verimlidir. itemCount ve itemBuilder parametreleri alır.

ListView.builder(
  itemCount: 1000,
  itemBuilder: (context, index) => Text('$index'),
)

Uygulama ListView.builder oluştur

main içinde bir ListView.builder widget'ı oluştur: itemCount: 10, itemBuilder: (context, i) => Text('$i'). Widget'ın runtimeType'ını yazdır.

Örnek çözümü göster

import 'package:flutter/material.dart';

void main() {
  final widget = ListView.builder(
    itemCount: 10,
    itemBuilder: (context, i) => Text('$i'),
  );
  print(widget.runtimeType);
}

Kendini test et

const widget ne zaman oluşturulur?
- Her rebuild'de yeniden
- Hiçbir zaman
- Derleme zamanında, rebuild'de tekrar kullanılır
- Yalnızca runtime'da
Cevabı göster

Derleme zamanında, rebuild'de tekrar kullanılır — const widget derleme zamanında bir kez oluşturulur; rebuild sırasında aynı nesne tekrar kullanılır, bu yüzden build ve paint maliyeti sıfıra iner.

ListView.builder kullan

ListView.____(itemCount: 100, itemBuilder: (context, i) => Text('$i'))

Cevabı göster

ListView.builder(itemCount: 100, itemBuilder: (context, i) => Text('$i'))

const ve ListView.builder eşleşmeleri

const

Derleme zamanı sabit
ListView

Liste widget'ı
builder

Görünen öğeyi oluşturur
itemCount

Toplam öğe sayısı

Sıradaki ders: Özet - Performans

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler