Šta podrazumevate pod renderovanjem?

Renderovanje u Flutter-u je proces pretvaranja stabla widget-a (widget tree) u stablo elemenata (element tree), zatim u stablo renderovanja (render tree), koje na kraju bude prikazano na ekranu.

Glavni koraci:

1. Stablo widget-a: Deklarativni opis korisničkog interfejsa.
2. Stablo elemenata: Interpretacija stabla widget-a, sadrži reference na instance widget-a i stanje widget-a (za StatefulWidget). Stablo elemenata služi kao most između stabla widget-a i stabla renderovanja.
3. Stablo renderovanja: Sadrži objekte RenderObject, koji znaju kako da se crtaju (paint) i kako da odrede svoj veličinu i poziciju (layout). To je apstraktno stablo, nezavisno od platforme.
4. Slikanje i kompozicija: GPU-nezavisne komande za crtanje se šalju u Skia (grafički motor Flutter-a), koji ih pretvara u GPU-zavisne komande.
5. Rasterizacija: GPU crta komande na piksele ekrana.
6. Prikaz: Pikseli se prikazuju na ekranu uređaja.

Ciklus renderovanja i građenja rasporeda dešava se kada dođe do promene stanja koja zahteva ponovno crtanje, ili kada se aktivira okvir putem Scheduler. Scheduler planira izvršenje funkcija, uključujući build (za građenje stabla elemenata) i layout / paint (za render stablo).

// Primer jednostavnog widget-a
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Svaki widget opisuje deo korisničkog interfejsa.
    // Flutter pretvara ovaj opis u elemente i render objekte.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}