Question 1

Flutter-də dark mode-u necə dəstəkləyirsən?

Accepted Answer

Üç addım: (1) MaterialApp-a həm theme, həm darkTheme verirəm — hər ikisi ColorScheme.fromSeed ilə, ikincisi brightness: Brightness.dark ilə; (2) themeMode-u idarə edirəm: default ThemeMode.system, istifadəçi əl ilə seçim edə bilirsə seçimini saxlayıram; (3) widget kodunda sabit rəng saxlamıram — hər şey Theme.of(context).colorScheme-dən gəlir. Sonuncu bənd ən vacibidir: ilk ikisi olmadan dark mode ümumiyyətlə işləmir, üçüncüsü olmadan isə yarımçıq işləyir və qırıq ekranlar qalır.

Question 2

Theme.of(context) necə işləyir?

Accepted Answer

Bu, InheritedWidget pattern-inin klassik nümunəsidir: Theme widget-i ağacın yuxarısında ThemeData-nı saxlayır, of(context) isə context-dən yuxarı qalxaraq ən yaxın Theme-i tapır və ona abunə olur. Abunənin nəticəsi vacibdir: tema dəyişəndə həmin context-i istifadə edən widget-lər avtomatik rebuild olur. Buradan praktik nüans çıxır — of(context) çağıranda hansı context-i verdiyinə diqqət etmək lazımdır; ekranın öz build context-i ilə Builder daxilindəki context fərqli nəticə verə bilər.

Question 3

Dizayn sistemini böyük tətbiqdə necə təşkil edərdin?

Accepted Answer

Mərkəzdə tək bir tema tərifi olur: rənglər ColorScheme-dən, tipoqrafiya TextTheme-dən, komponent defaultları isə ElevatedButtonTheme, CardTheme kimi komponent temalarından. Təkrarlanan komponentlər (məs. AppPrimaryButton) ayrıca widget kimi çıxarılır ki, stil bir yerdə qalsın. Boşluqlar və radius kimi dəyərlər üçün ThemeExtension istifadə edirəm — bu, standart ThemeData-da olmayan dəyərləri tip-təhlükəsiz şəkildə temaya bağlamağa imkan verir. Kod review qaydası: PR-da sabit rəng və ya TextStyle görünürsə, qaytarılır.

Question 4

Tema dəyişəndə bütün ekran rebuild olur — bu problem deyilmi?

Accepted Answer

Rebuild geniş olsa da, tema dəyişməsi nadir hadisədir — istifadəçi gündə bir dəfə dark mode-a keçir, saniyədə 60 dəfə yox. Ona görə bu, optimallaşdırma tələb edən yer deyil. Vacib olan gündəlik rebuild-lərdir: siyahının sürüşməsi, mətn yazılması, animasiya. Cavabı prinsiplə bağla: optimallaşdırmanı tezliyinə görə seçirəm — nadir və geniş rebuild ucuzdur, tez-tez və geniş rebuild bahadır. Bu ayrım middle səviyyəsində gözlənilən düşüncə tərzidir.

Yanaşma	Nəticə
Widget-də `Colors.blue` yazmaq	Dark mode-da oxunmur, brend dəyişəndə hər faylı redaktə etmək lazım gəlir
`Theme.of(context).colorScheme.primary`	Hər iki rejimdə düzgün, dəyişiklik tək yerdən
`TextStyle(fontSize: 16)` yazmaq	Tipoqrafiya ekranlar arası fərqlənir
`Theme.of(context).textTheme.bodyLarge`	Vahid tipoqrafiya, accessibility ayarlarına hörmət

Theming və Material 3

📚 Mənbələr və sənədlər