Flutterдин ички түзүмү жөнүндө эмне билесиз?

Flutter ядросу мотор, каркас жана виджеттерден турат.

Flutter мотору: C++ тилинде жазылган жана рендеринг, текст менен иштөө, агымдар жана плагиндер үчүн төмөнкү деңгээлдеги API сунуштайт. Ал түздөн-түз платформа менен (iOS, Android, Web, Desktop) жана графикалык APIлер менен (мисалы, Skia) иштейт. Мотор рендерингди, асинхрондуу операцияларды жана тиркеменин жашоо циклин башкаруу менен алектенет.
Flutter каркасы (Framework): Dart тилинде жазылган жана мотордун үстүнө абстракция катмарын камсыз кылат. Ал көптөгөн даяр компоненттерди камтыйт:
- Foundation: Негизги класстар жана жардамчы функциялар.
- Rendering: Рендер объекттеринин дарагын жана алардын чиймеленишин башкаруу катмары.
- Widgets: UIнин негизги курулуш блоктору, алар виджеттер дарагын түзөт.
- Material Design жана Cupertino: Material Design стили жана iOS стилиндеги дизайнды ишке ашырган виджеттер топтому.
Виджеттер: Flutterде бардык нерсе виджет. Алар UI конфигурациясын сүрөттөйт. Ике негизги түрү бар:
- StatelessWidget: Ички өзгөрмө абалы жок виджет. Анын UIсы гана кирүү параметрлерине (properties) көз каранды.
- StatefulWidget: Өзгөрмө абалы бар виджет. Ал өзү жана State объектисинен турат, анда абал жана UI түзүү логикасы (build методу) сакталат.

Рендер процесси:

Build: Фреймворк build() методуна чакыруу жасайт, ал башка виджеттердин дарагын кайтарат.
Element Tree: Виджет дарагына негизделип, Element Tree түзүлөт, ал UI түзүмүн көрсөтөт. Элементтер виджеттерди тиешелүү рендер объекттери менен байланыштырат.
Render Object Tree: Элементтер рендер объекттеринин дарагын (Render Object Tree) түзүп, башкаруу менен алектенет. Рендер объекттери өлчөө, боёк жана hit testing үчүн жооптуу.
Painting: Мотор Skia (мобилдик жана десктоп платформаларда) же CanvasKit (вебте) колдонуп, Render Objectтерди экранга чийет.

Реактивдүү программалоо:

Flutter UI түзүү үчүн реактивдүү ыкманы колдонуп, колдонмонун абалы өзгөргөндө, фреймворк ошол абага көз каранды виджеттердин дарагын кайра түзөт. Бул автоматтык жана эффективдүү diffing механизми жана виджеттерди тез түзүү жана жок кылуу аркылуу ишке ашырылат.

Hot Reload жана Hot Restart:

Hot Reload: Dart кодун жаңыртып, иштеп жаткан тиркемеге киргизет, абалды жоготпостон. UI үчүн тез кайра иштеп чыгуу үчүн идеалдуу.
Hot Restart: Тиркемени нөлдөн баштап кайра жүктөйт, жаңыртылган код жана нөлгө түшүрүлгөн абал менен. Hot Reload иштебей калганда колдонулат, мисалы, initState же глобалдык өзгөрмөлөрдө өзгөрүүлөр болсо.

Платформага өзгөчө код:

Flutter платформанын APIлерине платформалык каналдар (Platform Channels) аркылуу өз ара аракеттенүүгө мүмкүндүк берет. Бул Java/Kotlin (Android) жана Swift/Objective-C (iOS) кодуна методдорду чакырууга жана натыйжаларды Dartка кайтарууга мүмкүндүк берет.

// Платформалык каналды колдонуу мисалы
import 'package:flutter/services.dart';

static const platform = MethodChannel('samples.flutter.dev/battery');

Future<void> getBatteryLevel() async {
  String batteryLevel;
  try {
    final int result = await platform.invokeMethod('getBatteryLevel');
    batteryLevel = 'Батареянын деңгээли: $result %.';
  } on PlatformException catch (e) {
    batteryLevel = "Батареянын деңгээлин алуу мүмкүн эмес: '${e.message}'.";
  }
  // UI жаңыртуу
}