Conas a oibríonn layouts i Flutter?

Question

Accepted Answer

Tógann Flutter layouts trí **dhioltóga layout a chur le chéile** — cosúil le **Row**, **Column**, **Container**, **Stack**, agus a lán eile — a dhéanann socrú ar a leanaí. Tá tuiscint ar na dioltóga layout seo agus ar conas a chéile a chur le chéile bunriachtanach chun struchtúir UI a chruthú.

## Príomh-dhioltóga layout

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

## Layout a chur le chéile

```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'),
    ),
  ],
)
```

## Layouts solúbtha (príomh-aiseanna agus aiseanna trasnacha Row/Column)

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

## Cén fáth a bhfuil tábhacht ann

Tá tuiscint ar conas a oibríonn layouts i Flutter bunriachtanach toisc go bhfuil **socrú na n-eilimintí UI riachtanach chun aon chomhéadan a thógáil**, agus dá bhrí sin tá sé ina eolas praiticiúil is gá a bheith ar eolas faoi do fheidhmiú Flutter.

Tógann Flutter layouts trí **dhioltóga layout a chur le chéile** — agus bíonn tuiscint ar na **príomh-dhioltóga layout** riachtanach (Row le haghaidh socrú cothrománach, Column le haghaidh ingearach, Container le haghaidh bosca stílithe le padding/margin/ornáidiú, Stack le haghaidh forsheoladh, Padding agus Center le haghaidh ionadaíochta, Expanded/Flexible le haghaidh spáis a líonadh, ListView le haghaidh liosta scrollable) chun aon struchtúr UI a thógáil.

Baineann gach feidhmchlár Flutter úsáid as na dioltóga seo i gcónaí.

Tuiscint ar conas iad a **chur le chéile** (rows, colúin, contáiméirí agus a lán eile a neadú chun layouts casta a thógáil ó phíosaí simplí) is gnáth-chleachtas bhunúsach thógáil UI Flutter — an tprionsabal comhdhéanta céanna a bhíonn faoi spéir an Flutter ar fad, i bhfeidhm ar layout.

Tá tuiscint ar an **tsamhail layout solúbtha** — na **príomh-aiseanna agus aiseanna trasnacha** de Rows agus Columns (mainAxisAlignment agus crossAxisAlignment chun leanaí a ionadú) agus **Expanded/Flexible** chun spáis ar fáil a roinnt go comhréireach (ní foláir layouts freagartha a chumasú a oirann do mhéideanna scáileáin éagsúla) — tábhachtach chun layouts a chruthú a bhreathnaíonn go maith ar bhunanna ar fad, imní lárnach do fheidhmchláir fón póca.

De bharr go bhfuil gá le socrú na n-eilimintí a bheith ann le dioltóga layout chun aon chomhéadan Flutter a thógáil, agus de bharr go bhfuil tuiscint ar na príomh-dhioltóga layout, ar conas iad a chur le chéile, agus ar an tsamhail layout solúbtha/freagartha riachtanach chun UIs a thógáil, tá tuiscint ar conas a oibríonn layouts i Flutter riachtanach, eolas praiticiúil bhunúsach — scil chroílárach a úsáidtear i ngach scáileán Flutter, riachtanach chun dheartha a aistriú ina dhioltóga oibre, freagartha, agus bunúsach do fheidhmiú Flutter laethúil.