const constructor

const constructor'ın performansı nasıl artırdığını öğrenirsin.

const constructor

Bir kurucuyu const olarak işaretlersen, Flutter aynı parametrelerle yapılan tüm örnekleri tek bir canonical (kanonik) nesnede birleştirir. Bu, bellek kullanımını ve widget ağacı karşılaştırma hızını artırır. Mümkün olduğunda const kullanmak Flutter performansının temel ipuçlarından biridir.

class Etiket extends StatelessWidget {
  final String metin;
  const Etiket({super.key, required this.metin});

  @override
  Widget build(BuildContext context) {
    return Text(metin);
  }
}

// Kullanım:
Etiket(metin: 'Selam')     // her seferinde yeni nesne
const Etiket(metin: 'Selam') // tek nesne, yeniden kullanılır

canonical örnek

const ile üretilen nesneler canonical'dır: aynı değerlerle yapılan tüm örnekler bellekte aynı adreste yaşar. Flutter, widget ağacını karşılaştırırken iki const widget'ın özdeş olup olmadığını tek bir adres karşılaştırmasıyla anlar. Bu, diff algoritmasını çok hızlandırır.

// const olmayan widget: her biri yeni nesne
Text('a')
Text('a')
// const widget: tek nesne
const Text('a')
const Text('a')

Uygulama const bilgisini yazdır

main içinde iki satırı print ile yazdır: const tek nesne ve canonical hizli.

Örnek çözümü göster

void main() {
  print('const tek nesne');
  print('canonical hizli');
}

Kendini test et

const constructor ne sağlar?
- Her seferinde yeni nesne üretir
- Aynı parametrelerle tek canonical nesne üretir
- Çalışma sırasında parametre değiştirmeye izin verir
- Widget'ı görünmez yapar
Cevabı göster

Aynı parametrelerle tek canonical nesne üretir — const constructor, aynı parametrelerle yapılan tüm örnekleri tek canonical nesnede birleştirir.

const constructor çağrısı

final etiket = ____ Etiket(metin: 'Selam');

Cevabı göster

final etiket = const Etiket(metin: 'Selam');

const constructor kavramları

const

Derleme zamanında sabit üretir
canonical

Aynı nesnenin tek örnek olması
performance

Daha az bellek, daha hızlı diff
const Etiket(...)

Tek nesne, yeniden kullanılır

Sıradaki ders: Özet - StatelessWidget

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler