Kaj so widgeti v Flutteru?

Question

IT Interview Practice · Accepted Answer

V Flutteru je **vse widget** — UI elementi (gumbi, besedilo, slike), strukture postavitve (vrstice, stolpci, razmiki) in tudi sama aplikacija so vsi widgeti. Widgeti so nepremenjivi gradniki, ki se sestavljajo v celoten uporabniški vmesnik.

## Vse je widget

```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).
```

## Sestavljanje widgetov v drevo

```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]
```

Widgeti se gnezdijo in tvorijo **widget drevo** — sestava je osnovni vzorec (kombiniranje preprostih widgetov v kompleksne UI-je).

## Widgeti so nepremenjivi; konfiguracija

```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
```

## Zakaj je to pomembno

Razumevanje widgetov je temeljno za Flutter, ker je **vse v Flutteru widget** — celoten UI je grajen iz njih — zato je razumevanje widget modela bistveno, temeljno znanje za kakršnokoli Flutter razvoj.

Osnovni koncept — da so vidni elementi (besedilo, gumbi, slike), strukture postavitve (vrstice, stolpci, razmiki), struktura strani in tudi sama aplikacija **vsi widgeti** — je opredeljevalna značilnost tega, kako Flutter deluje, in razumevanje tega je izhodišče za gradnjo kateregakoli Flutter UI-ja.

Razumevanje, da se UI-ji gradijo z **sestavljanjem widgetov v drevo** (gnezdenje widgetov, kombiniranje preprostih v kompleksne vmesnike) je osnovni vzorec Flutter razvoja — sestava namesto dedovanja, gradnja kompleksnih UI-jev iz preprostih, ponovno uporabljanih gradnikov.

Razumevanje, da so **widgeti nepremenjivi opisi** UI-ja (konfiguracija namesto dejanskih prikazanih objektov, pri čemer Flutter učinkovito posodablja widgete ob spremembi stanja) je pomembno za razumevanje, kako Flutter deklarativni UI model deluje — opišete, kako bi moral UI-j izgledati, Flutter pa se poskrbi za učinkovit prikaz.

Ta widget-in-sestava model je osnova vsega v Flutteru: postavitve, oblikovanje, upravljanje stanja in struktura vse delujejo preko widgetov.

Ker je widget atomska enota Fluttera (vse je widget, UI-ji so widget drevesa, grajena z sestavo) in razumevanje tega modela je absolutno temeljno za gradnjo Flutter UI-jev, je razumevanje widgetov — da je vse widget, sestava v drevesa in njihova nepremenjiva deklarativna narava — bistveno, temeljno Flutter znanje, osrednji koncept, na katerem se gradi vsi vidiki Flutter razvoja in prva stvar, ki jo je treba razumeti pri učenju Fluttera.

Vse je widget

Sestavljanje widgetov v drevo

Widgeti so nepremenjivi; konfiguracija

Zakaj je to pomembno

Povezana vprašanja