# Stack, Positioned và IgnorePointer

> Stack với Positioned, IgnorePointer cho lớp trang trí, ClipRRect cắt góc, RepaintBoundary cô lập vẽ lại.

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

## Mục tiêu

- Dựng lớp phủ bằng Stack và Positioned.fill, biết con nào quyết định kích thước của Stack
- Áp đúng ba quy tắc của một lớp phủ: IgnorePointer, Clip và RepaintBoundary

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

1. Stack Xếp Theo Thứ Tự Khai Báo
2. Ba Tầng Của Cả App
3. Quy Tắc Một: Lớp Trang Trí Phải IgnorePointer
4. Quy Tắc Hai: Cắt Bằng Clip
5. Quy Tắc Ba: RepaintBoundary Cho Lớp Động
6. Align So Với Positioned
7. Một Thanh Tiến Độ Chỉ Là Stack Hai Lớp
8. Thuật Ngữ

## 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: [BoxConstraints, Expanded và LayoutBuilder](https://dantech.academy/courses/flutter-mobile-101/02-widget-essentials/lesson-04-constraints-and-sizing.md)
- Bài tiếp theo: [Widget, Element, RenderObject](https://dantech.academy/courses/flutter-mobile-101/02-widget-essentials/lesson-06-three-trees-const-and-keys.md)