Ko jūs saprotat ar jēdzienu renderēšana?

Flutter renderēšana ir process, kurā widgetu koks (widget tree) tiek pārveidots par elementu koku (element tree), pēc tam par renderēšanas koku (render tree), kas beigās tiek attēlots uz ekrāna.

Galvenie soļi:

1. Widget Tree: Deklaratīva lietotāja saskarnes apraksts.
2. Element Tree: Widgetu koka interpretācija, kas satur atsauces uz widgetu instancēm un to stāvokli (for StatefulWidget). Elementu koks ir saikne starp Widget Tree un Render Tree.
3. Render Tree: Satur RenderObject objektus, kas zina, kā attēlot sevi (paint) un noteikt savu izmēru un pozīciju (layout). Tas ir abstrakts koks, kas nav atkarīgs no platformas.
4. Painting & Composition: GPU neatkarīgas zīmēšanas komandas tiek nosūtītas uz Skia (Flutter grafikas dzinējs), kas tās pārveido par GPU atkarīgām komandām.
5. Rasterization: GPU zīmē komandas uz ekrāna pikseļiem.
6. Display: Pikseļi tiek attēloti uz ierīces ekrāna.

Renderēšanas un izkārtojuma veidošanas cikls notiek, mainoties stāvoklim, kas prasa pārkrāsošanu, vai aktivizējot kadru ar Scheduler. Scheduler plāno funkciju izpildi, tostarp build (lai veidotu Element Tree) un layout / zīmēt (lai renderētu koku).

// Vienkārša widget piemērs
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Katrs widgets apraksta daļu no lietotāja saskarnes.
    // Flutter pārveido šo aprakstu par elementiem un RenderObjects.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}