Row, Column, Stack, dan Expanded

Row menyusun anak-anaknya mendatar dan Column menyusunnya menurun. Masing-masing punya sumbu utama, yaitu arah susunannya, dan sumbu silang yang tegak lurus dengannya: untuk Row sumbu utamanya mendatar, untuk Column menurun. mainAxisAlignment mengatur sebaran anak di sumbu utama, misalnya start, center, end, atau spaceEvenly yang membagi ruang kosong sama rata di antara anak dan di kedua tepi. crossAxisAlignment mengatur posisi di sumbu silang, misalnya start agar teks rata kiri di dalam Column. Secara bawaan Row dan Column memakai ruang sebanyak mungkin di sumbu utama; mainAxisSize: MainAxisSize.min memadatkan anak-anaknya.

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    const Text('Pesanan A-102'),
    const SizedBox(height: 8),
    Row(
      children: [
        Expanded(flex: 3, child: Text('Nasi goreng')),
        Expanded(flex: 1, child: Text('x2')),
      ],
    ),
  ],
)

Expanded membuat anak Row atau Column mengisi sisa ruang di sumbu utama. Sisa ruang dihitung setelah anak berukuran tetap dikurangi, lalu dibagi menurut flex, yang bawaannya 1. Di contoh, nama menu mendapat tiga perempat lebar dan jumlahnya seperempat. Stack menumpuk anak-anaknya: anak pertama menjadi dasar, dan anak berikutnya digambar di atasnya. Positioned menempatkan anak Stack pada jarak tertentu dari tepinya.