# Widget tree, Column, Row và Expanded

> Column, Row, GridView, Expanded, SizedBox, và cách đọc một widget tree lồng nhiều tầng.

- URL: https://dantech.academy/courses/flutter-mobile-101/02-widget-essentials/lesson-01-widget-tree-and-layout
- Khóa học: [Flutter Mobile 101](https://dantech.academy/courses/flutter-mobile-101.md)
- Module: Widget Fundamentals
- Thời lượng: 12 phút
- Độ khó: beginner
- Truy cập: Dành cho học viên

## Mục tiêu

- Hiểu widget là mô tả UI và giao diện là cây widget lồng nhau
- Dựng layout với Column, Row, GridView, Expanded và các tham số alignment

## Nội dung bài học

1. Column, Row: Xếp Chỗ
2. GridView: Bàn Cờ
3. Container, Expanded, SizedBox
4. Kỹ Thuật Đọc Widget Tree Sâu

## Học cùng AI agent

Toàn bộ bài học dành cho học viên của khóa. Học viên mở bài trên web và bấm nút **Markdown** để copy toàn bài, rồi dán vào Claude, ChatGPT, Cursor hoặc agent bạn đang dùng. Nhanh hơn: tạo token ở `/profile/ai-agents` và agent đọc bài trực tiếp qua MCP.

- [Đăng ký khóa học](https://dantech.academy/flutter-mobile-101/checkout)

---

- Bài trước: [List, Map, Future và async/await](https://dantech.academy/courses/flutter-mobile-101/01-dart-essentials/lesson-03-collections-and-async.md)
- Bài tiếp theo: [StatelessWidget, StatefulWidget và setState](https://dantech.academy/courses/flutter-mobile-101/02-widget-essentials/lesson-02-state-and-rebuilds.md)