RepaintBoundary

RepaintBoundary ile yeniden çizim alanını kısıtlamayı öğrenirsin.

RepaintBoundary

RepaintBoundary, alt widget'larının çizimini ayrı bir katmana alır; üst ağaç değişse bile bu sınır içindeki widget'lar yeniden çizilmez. Her frame'de tüm paint işini tekrarlamak yerine yalnızca değişen isolate alan çizilir.

RepaintBoundary(
  child: MyExpensiveWidget(),
)

paint ve isolate

Flutter, her frame'de paint ağacını yeniden çizer. RepaintBoundary, alt ağacı ayrı bir katmanda isolate ederek, üst ağaç değişse bile alt ağacın yeniden çizilmemesini sağlar. Animasyonlu bir bölümü sabit bir listeden ayırmak için idealdir.

Uygulama RepaintBoundary widget'ı oluştur

main içinde bir RepaintBoundary widget'ı oluştur: child olarak Container(width: 50) ver. Widget'ın runtimeType'ını yazdır.

Örnek çözümü göster

import 'package:flutter/material.dart';

void main() {
  final widget = RepaintBoundary(
    child: Container(width: 50),
  );
  print(widget.runtimeType);
}

Kendini test et

RepaintBoundary ne işe yarar?
- Belleği boşaltır
- Alt widget'ların yeniden çizimini izole eder
- Widget boyutu hesaplar
- State yönetir
Cevabı göster

Alt widget'ların yeniden çizimini izole eder — RepaintBoundary, alt ağacı ayrı bir çizim katmanına alır; üst ağaç değişse bile içerik yeniden çizilmez, gereksiz paint işinden kaçınılır.

RepaintBoundary kullan

____(
  child: MyExpensiveWidget(),
)

Cevabı göster

RepaintBoundary(
  child: MyExpensiveWidget(),
)

RepaintBoundary eşleşmeleri

RepaintBoundary

Çizim sınırı
paint

Çizim işlemi
isolate

Ayrı katman
child

Sınırın içeriği

Sıradaki ders: const ve ListView.builder

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler