Рендеринг деген эмне деп түшүнөсүз?

Flutter-деги рендерлоо — бул виджет дарагын (widget tree) элемент дарагына (element tree), андан соң рендер дарагына (render tree) айландыру процеси, жана акырында ал экранда көрсөтүлөт.

Негизги кадамдар:

1. Widget дарагы: Колдонуучу интерфейсинин декларатив сүрөттөлүшү.
2. Элементтер дарагы: Widget дарагын түшүнүү, ал жерде widget үлгүлөрүнө жана widgetтин абалына (мисалы, StatefulWidget) шилтемелер бар. Элементтер дарагы — widget дарагы менен render дарагынын көпүрөсү.
3. Render дарагы: RenderObject объектторун камтыйт, алар өзүңүздү кантип чийүү (paint) жана өлчөмү менен жайгашуусун (layout) аныктоо билишет. Бул — платформадан көзкарандысыз абстракттуу дарак.
4. Чийүү жана композиция: GPU-дан көзкарандысыз чийүү буйруктары Skiaга (Flutter графикалык мотору) жөнөтүлөт, ал аларды GPU-га көзкаранды буйруктарга айлантат.
5. Rasterизация: GPU буйруктарын экрандагы пикселдерге чийет.
6. Көрсөтүү: Пикселдер түзмөктүн экранында көрсөтүлөт.

Render жана макет түзүү цикли өзгөрүү болгон учурда, же Scheduler аркылуу кадр активдештирилгенде болот. Scheduler функцияларды аткарууну пландаштырат, анын ичинде build (элементтер дарагын түзүү) жана layout / paint (render дарагы үчүн).

// Жөнөкөй widget мисалы
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Ар бир widget колдонуучу интерфейсинин бир бөлүгүн сүрөттөйт.
    // Flutter бул сүрөттөмөнү элементтерге жана render объекттерине айлантат.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}