Čo chápete pod pojmom renderovanie?

Renderovanie vo Flutter je proces prevodu stromu widgetov (widget tree) na strom prvkov (element tree), potom na strom vykreslenia (render tree), ktorý je nakoniec zobrazený na obrazovke.

Hlavné kroky:

1. Strom widgetov: Deklaratívny opis používateľského rozhrania.
2. Strom prvkov: Interpretácia stromu widgetov, obsahuje odkazy na inštancie widgetov a na stav widgetov (pre StatefulWidget). Strom prvkov slúži ako most medzi stromom widgetov a stromom vykreslenia.
3. Strom vykreslenia: Obsahuje objekty RenderObject, ktoré vedia, ako sa samy nakresliť (paint) a ako určiť svoju veľkosť a pozíciu (layout). Je to abstraktný strom, nezávislý od platformy.
4. Maľovanie a kompozícia: GPU-nezávislé príkazy na kreslenie sa odosielajú do Skia (grafický engine Flutter), ktorý ich konvertuje na GPU-závislé príkazy.
5. Rasterizácia: GPU nakreslí príkazy na pixely obrazovky.
6. Zobrazenie: Pixely sa zobrazia na obrazovke zariadenia.

Cyklus renderovania a zostavovania rozloženia sa deje pri zmene stavu, ktorá vyžaduje prekráslenie, alebo pri aktivácii rámca cez Scheduler. Scheduler plánuje vykonanie funkcií, vrátane build (na zostavenie stromu prvkov) a layout / paint (pre strom vykreslenia).

// Príklad jednoduchého widgetu
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Každý widget opisuje časť používateľského rozhrania.
    // Flutter tento opis prevádza na prvky a objekty vykreslenia.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}