Render qilish nima deb bilasiz?

Flutter-da rendering jarayoni — bu widget daraxtini (widget tree) element daraxtiga, so'ngra render daraxtiga (render tree) aylantirish jarayonidir va oxir-oqibat ekranga chiqariladi.

Asosiy bosqichlar:

1. Widget Daraxti: Foydalanuvchi interfeysining deklarativ tavsifi.
2. Element Daraxti: Widget daraxtining talqin qilinishi, unda widget nusxalariga va widget holatiga (masalan, StatefulWidget) havolalar mavjud. Element daraxti Widget daraxti va Render daraxti o'rtasidagi ko'prik vazifasini bajaradi.
3. Render Daraxti: RenderObject obyektlarini o'z ichiga oladi, ular o'zlarini qanday chizish (paint) va o'lcham va joylashuvni qanday aniqlash (layout)ni biladi. Bu platformadan mustaqil abstrakt daraxt.
4. Chizish va Kompozitsiya: GPU-ga bog'liq bo'lmagan chizish buyruqlari Skia (Flutterning grafik motoru) ga yuboriladi, ularni GPU-ga bog'liq buyruqlarga aylantiradi.
5. Rasterizatsiya: GPU buyruqlarni ekran piksellari bo'yicha chizadi.
6. Ko'rsatish: Piksellar qurilma ekranida ko'rsatiladi.

Render va layout qurish sikli holat o'zgarishi yoki Scheduler orqali ramka faollashtirilganda yuzaga keladi. Scheduler build (Element daraxtini qurish uchun) va layout / paint (Render daraxti uchun) funksiyalarni rejalashtiradi.

// Oddiy widget misoli
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Har bir widget foydalanuvchi interfeysining bir qismi sifatida tavsiflaydi.
    // Flutter bu tavsifni elementlar va RenderObject'lariga aylantiradi.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}