Kas yra valdikliai (widgets) „Flutter

Question

Accepted Answer

Flutter'e **viskas yra valdiklis** — UI elementai (mygtukai, tekstas, nuotraukos), išdėstymo struktūros (eilutės, stulpeliai, tarpai) ir net pati programa yra valdikliai. Valdikliai yra nemutojamai statymo blokai, kurie sujungiami, siekiant sudaryti visą naudotojo sąsają.

## Viskas yra valdiklis

```text
Widgets describe the UI. EVERYTHING is a widget:
  → visible elements: Text, Image, Icon, Button, etc.
  → layout: Row, Column, Container, Padding, Center, Stack, etc.
  → structure: Scaffold (page structure), AppBar, etc.
  → even the app itself (MaterialApp) and abstract things (Padding, Theme)
→ You build UI by COMPOSING widgets into a tree (widgets contain other widgets).
```

## Valdiklių sudėtis į medį

```dart
// build a UI by NESTING widgets (composition)
Scaffold(                       // page structure
  appBar: AppBar(title: Text('Home')),   // app bar with text
  body: Center(                 // centers its child
    child: Column(              // vertical layout
      children: [
        Text('Hello'),          // text widget
        ElevatedButton(         // a button
          onPressed: () {},
          child: Text('Click'),
        ),
      ],
    ),
  ),
)
// → a WIDGET TREE: Scaffold > Center > Column > [Text, Button]
```

Valdikliai rūšiuojasi, sudarydami **valdiklių medį** — sudėtis yra pagrindinė šablono išraiška (sujungti paprastus valdiklius į sudėtingas sąsajas).

## Valdikliai yra nemutojamai; konfigūracija

```text
→ Widgets are IMMUTABLE descriptions of the UI (configuration, not the actual rendered
  objects) — Flutter rebuilds them efficiently when state changes
→ build() methods return widget trees describing what the UI should look like
→ Flutter handles efficiently turning widgets into rendered pixels
```

## Kodėl tai svarbu

Supratimas apie valdiklius yra pagrindinė Flutter žinojimo dalis, nes **viskas Flutter yra valdiklis** — visa sąsaja sukonstruota iš jų — todėl valdiklio modelio supratimas yra esminė, pagrindinė žinojimo dalis bet kokiai Flutter programavimui.

Pagrindinė sąvoka — kad matomi elementai (tekstas, mygtukai, nuotraukos), išdėstymo struktūros (eilutės, stulpeliai, tarpai), puslapio struktūra ir net pati programa yra **visi valdikliai** — yra pagrindinė Flutter veikimo charakteristika, o jos supratimas yra pradžia bet kurios Flutter sąsajos kūrimui.

Supratimas, kad sąsajos kuriamos **sudėjus valdiklius į medį** (rūšiuojant valdiklius, sujungiant paprastus į sudėtingas sąsajas) yra pagrindinė Flutter programavimo šablono išraiška — sudėtis prieš paveldėjimą, kurie kompleksinės sąsajos iš paprastų, panaudojamų daugkartinai statymo blokų.

Supratimas, kad **valdikliai yra nemutojamai sąsajos aprašymai** (konfigūracija, o ne tikrieji surenduoti objektai, Flutter efektyviai juos atkuria, kai pasikeičia būsena) yra svarbus suprantant Flutter deklaratyvaus sąsajos modelio veikimą — aprašyti, kokia turėtų atrodyti sąsaja, o Flutter valdo efektyvų surendavimą.

Šis valdiklio ir sudėties modelis yra visame Flutter: išdėstymai, stiliai, būsenos vadyba ir struktūra veikia per valdiklius.

Dėl to, kad valdiklis yra atominė Flutter vienetas (viskas yra valdiklis, sąsajos yra valdiklių medžiai, sudaryti sudėties) ir supratimas apie šį modelį yra absoliutus pagrindas Flutter sąsajoms kurti, supratimas apie valdiklius — kad viskas yra valdiklis, sudėtis į medžius ir jų nemutojamai deklaratyvus pobūdis — yra esminė, pagrindinė Flutter žinojimo dalis, pagrindinė sąvoka, kurią kiekvienas Flutter programavimo aspektas grindžia ir pirmoji suprantama naujam Flutter ieškantiems.