Što su widgeti u Flutter-u?

Question

Accepted Answer

U Flutter-u, **sve je widget** — UI elementi (gumbi, tekst, slike), strukture rasporeda (redovi, stupci, razmak) i čak sama aplikacija su svi widgeti. Widgeti su nepromjenjivi građevni blokovi koji se sastavljaju kako bi tvorili čitav korisničko sučelje.

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

## Sastavljanje widgeta u stablo

```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 ugniježđuju kako bi tvorili **stablo widgeta** — sastav je osnovni obrazac (kombinacija jednostavnih widgeta u složena sučelja).

## Widgeti su nepromjenjivi; 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
```

## Zašto je to važno

Razumijevanje widgeta je temeljno za Flutter jer je **sve u Flutter-u widget** — čitavo sučelje je izgrađeno od njih — zato je razumijevanje widget modela bitna, temeljna znanja za svaki Flutter razvoj.

Temeljna koncept — da su vidljivi elementi (tekst, gumbi, slike), strukture rasporeda (redovi, stupci, razmak), struktura stranice i čak sama aplikacija **svi widgeti** — određujuća je značajka kako Flutter funkcionira, a razumijevanje je početna točka za izgradnju bilo kojeg Flutter sučelja.

Razumijevanje da se sučelja grade **sastavlanjem widgeta u stablo** (ugniježđivanje widgeta, kombinacija jednostavnih u složena sučelja) je temeljni obrazac Flutter razvoja — sastav umjesto nasljeđivanja, gradnja složenih sučelja od jednostavnih, ponovno iskoristivih građevnih blokova.

Razumijevanje da su **widgeti nepromjenjivi opisi** sučelja (konfiguracija umjesto stvarno prikazanih objekata, s Flutter efikasno rekonstruirajući ih kada se stanje promijeni) važno je za razumijevanje kako funkcionira Flutter-ov deklarativni UI model — opisuješ kako sučelje treba izgledati, a Flutter efikasno upravlja prikazom.

Ovaj model widgeta i sastava temelji sve u Flutter-u: rasporedi, stilizacija, upravljanje stanjem i struktura sve funkcioniraju kroz widgete.

Budući da je widget atomska jedinica Flutter-a (sve je widget, sučelja su stabla widgeta izgrađena sastavom) i razumijevanje ovog modela je apsolutna osnova za izgradnju Flutter sučelja, razumijevanje widgeta — da je sve widget, sastav u stabla i njihova nepromjenjiva deklarativna priroda — bitna je, temeljna Flutter znanja, temeljni koncept na kojem se gradi svaki aspekt Flutter razvoja i prva stvar koju treba razumjeti pri učenju Flutter-a.