Kako delujejo postavitve v Flutteru?

Question

Accepted Answer

Flutter gradi postavitve z **komponiranjem gradnikov postavitve** — kot so **Row**, **Column**, **Container**, **Stack** in drugi — ki urejajo njihove otroke. Razumevanje teh gradnikov postavitve in kako se med seboj kombinirajo, je temeljno za ustvarjanje struktur uporabniškega vmesnika.

## Jedvinski gradniki postavitve

```text
ROW → arrange children HORIZONTALLY (left to right)
COLUMN → arrange children VERTICALLY (top to bottom)
CONTAINER → a box: padding, margin, size, color, decoration, alignment (very common)
STACK → overlay children on top of each other (z-axis, positioned)
PADDING → add space around a child
CENTER → center a child
EXPANDED / FLEXIBLE → make children fill available space (in a Row/Column)
SizedBox → fixed-size box / spacing
ListView → scrollable list of children
```

## Komponiranje postavitve

```dart
Column(                          // vertical arrangement
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    Text('Title'),
    SizedBox(height: 8),         // spacing
    Row(                         // horizontal arrangement
      children: [
        Icon(Icons.star),
        Expanded(                // takes remaining horizontal space
          child: Text('Description'),
        ),
      ],
    ),
    Container(                   // a styled box
      padding: EdgeInsets.all(16),
      color: Colors.blue,
      child: Text('Boxed'),
    ),
  ],
)
```

## Prilagodljive postavitve (Row/Column glavna in prečna os)

```text
→ MAIN axis (Row=horizontal, Column=vertical): mainAxisAlignment positions children
  along it (start, center, end, spaceBetween, etc.)
→ CROSS axis (perpendicular): crossAxisAlignment
→ EXPANDED/FLEXIBLE → children share available space proportionally (responsive layouts)
→ Compose these for flexible, responsive UIs.
```

## Zakaj je to pomembno

Razumevanje, kako delujejo postavitve v Flutteru, je temeljno, ker je **urejanje elementov uporabniškega vmesnika bistveno za gradnjo katerega koli vmesnika**, zato je to nujno potrebno praktično znanje za razvoj Flutterra.

Flutter gradi postavitve z **komponiranjem gradnikov postavitve** — in razumevanje **jedvinski gradnikov postavitve** (Row za vodoravno urejanje, Column za navpično, Container za stilirana polja s polnjenjem/robom/okrasom, Stack za preplitanje, Padding in Center za pozicioniranje, Expanded/Flexible za izpolnjevanje prostora, ListView za drsne sezname) je potrebno za konstrukcijo katerekoli strukture uporabniškega vmesnika.

Ti gradniki se nenehno uporabljajo v vsaki aplikaciji Fluttera.

Razumevanje, kako jih **komponirati** (gnezdenje rows, columns, containers in drugih za gradnjo kompleksnih postavitev iz preprostih delov) je temeljni postopek gradnje Flutterjevih vmesnikov — isto načelo komponiranja, ki je osnova vsega Fluttera, primenjeno na postavitve.

Razumevanje **modela prilagodljive postavitve** — **glavne in prečne osi** Rows in Columns (mainAxisAlignment in crossAxisAlignment za pozicioniranje otrok) in **Expanded/Flexible** za sorazmerno deljenje razpoložljivega prostora (omogočanje odzivnih postavitev, ki se prilagodijo različnim velikostim zaslona) — je pomembno za ustvarjanje postavitev, ki izgledajo dobro na različnih napravah, kar je ključni premislek za mobilne aplikacije.

Ker gradnja katerega koli Flutterjevega vmesnika zahteva urejanje elementov z gradniki postavitve, in ker je razumevanje jedvinski gradnikov postavitve, kako jih komponirati, in prilagodljivega/odzivnega modela postavitve bistveno za konstruiranje vmesnikov, je razumevanje, kako delujejo postavitve v Flutteru, bistveno, temeljno praktično znanje — osnovni spretnost, ki se uporablja v vsakem Flutterjevem zaslonu, potreben za prevajanje načrtov v delujoče, odzivne vmesnike, in temelj za vsakodnevni razvoj Fluttera.