Menene widgets a cikin Flutter?

Question

Accepted Answer

A cikin Flutter, **komai shine widget** — abubuwan UI (butunan, marufi, hotunan), tsarin saita ajiya (layuka, jeri, cushion) da har kuma aikace-aikacen kansa iyawa widgets ne. Widgets sune abubuwan gina da ba a iya canja waɗanda suke ɗada waɗa saida don samar da kafar mai amfani a gaba.

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

## Yin widgets a cikin bishiyar

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

Widgets suka taba a saita **bishiyar widget** — yada iko ne babbar tsari (haɗa widgets masu sauƙi zuwa kasua komplikansa).

## Widgets ba a iya canja; saita

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

## Yamun yake mahimmanci

Ganin widgets a cikin Flutter daya ne mahimmanci saboda **komai a cikin Flutter shine widget** — jimlar UI an gina daga su — ta haka kuna da mahimmancin ganin samarin widget ba daidai ba, kuma ilimi na asali ne don kowane samarwa Flutter.

Mimiyar abin mahimmanci — cewa abubuwan da ake gani (marufi, biye, hotuna), tsarin saita ajiya (layuka, jeri, cushion), samarin shafin da har kuma aikace-aikacen kansa **duka widgets ne** — wannan ita ce dalili da aka fi sani da qalubinta ka Flutter, da ganin hakan shine abin farko na gina kowane UI Flutter.

Ganin cewa UIs an yi ta **yin widgets a bishiyar** (saita widgets, haɗa masu sauƙi zuwa kasua komplikansa) shine babbar tsari na samarwa Flutter — hade tawaye ba gado, gina UIs komplikansa daga abubuwan sauƙi masu dawo-amfani.

Ganin cewa **widgets sune ajiyar daidaittar UI** (saita tawaye ba abubuwan da aka gina gaske, da Flutter da zai sake gina su yadda zai dace lokacin da yankuwa ta canja) ita ce muhimmi don ganin yadda samarin UI na magana ya yi aiki a Flutter — kana bayanin yadda UI ya kamata kasua, da Flutter yanda zai da sarrafi ta yadda ta dace.

Binn samarin widget-da-haɗe yana damowa a komai a cikin Flutter: tsarin saita ajiya, ita, sarrafi jiya, da samari duka suna aiki ta hanyar widgets.

Saboda widget shine mahimmancin iyawa na Flutter (komai shine widget, UIs sune bishiyarren widget da aka gina ta hada) da ganin samarin nan shine tushe na cikakka don gina UIs Flutter, ganin widgets — cewa komai shine widget, haɗe cikin bishiyarren, da niyarsu na ba-canja ta magana — ilimi na asali da mahimmanci ne a Flutter, babbar dabi'a da kowane iyali na samarwa Flutter suka wayo kan kuma abin farko da aka ganin lokacin koyi Flutter.