Co jsou widgety ve Flutteru?

Question

Accepted Answer

Ve Flutteru je **všechno widget** — prvky uživatelského rozhraní (tlačítka, text, obrázky), struktury rozvržení (řádky, sloupce, padding) a dokonce samotná aplikace jsou všechny widgety. Widgety jsou neměnné stavební bloky, které se skládají tak, aby vytvořily celé uživatelské rozhraní.

## Všechno 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).
```

## Skládání widgetů do stromu

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

Widgety se vnořují a tvoří **strom widgetů** — kompozice je základní vzor (kombinování jednoduchých widgetů do složitých rozhraní).

## Widgety jsou neměnné; konfigurace

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

## Proč je to důležité

Rozvoru widgetů je zásadní pro Flutter, protože **všechno ve Flutteru je widget** — celé uživatelské rozhraní je z nich postaveno — takže pochopení modelu widgetů je základní, nezbytné znalosti pro jakýkoli vývoj Flutter.

Jádový koncept — že viditelné prvky (text, tlačítka, obrázky), struktury rozvržení (řádky, sloupce, padding), struktura stránky a dokonce samotná aplikace jsou **všechny widgety** — je charakteristickou vlastností fungování Flutter a jeho pochopení je výchozím bodem pro vytváření libovolného uživatelského rozhraní Flutter.

Pochopení toho, že uživatelská rozhraní se vytváří **skládáním widgetů do stromu** (vnořování widgetů, kombinování jednoduchých do složitých rozhraní) je základním vzorem vývoje Flutter — kompozice místo dědičnosti, vytváření složitých rozhraní z jednoduchých, opakovaně použitelných stavebních bloků.

Pochopení toho, že **widgety jsou neměnné popisy** uživatelského rozhraní (konfigurace místo skutečně vykreslovaných objektů, přičemž Flutter je efektivně přestavuje při změně stavu) je důležité pro pochopení toho, jak Flutter deklarativní model uživatelského rozhraní funguje — popíšete, jak by mělo rozhraní vypadat, a Flutter se postará o efektivní vykreslení.

Ten model widgetů a kompozice je základem všeho ve Flutteru: rozvržení, stylování, správa stavu a struktura všechny fungují prostřednictvím widgetů.

Protože widget je atomární jednotkou Flutter (všechno je widget, rozhraní jsou stromy widgetů vytvořené skládáním) a pochopení tohoto modelu je absolutním základem pro vytváření uživatelských rozhraní Flutter, pochopení widgetů — že všechno je widget, skládání do stromů a jejich neměnná deklarativní povaha — je zásadní, základní znalosti Flutter, klíčový koncept, na kterém je postaven každý aspekt vývoje Flutter a první věc, kterou je třeba pochopit při učení se Flutter.