Flutter สร้างเลย์เอาต์โดยการ ประกอบ layout widget — เช่น Row Column Container Stack และอื่น ๆ — ที่จัดวาง child ของมัน การเข้าใจ layout widget เหล่านี้และวิธีที่พวกมันรวมกันเป็นพื้นฐานในการสร้างโครงสร้าง UI
layout widget หลัก
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
