# BuildContext và InheritedWidget

> BuildContext là node trong element tree, .of(context) tra ngược lên cây, InheritedWidget đứng sau Theme, MediaQuery và provider.

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

## Mục tiêu

- Giải thích context là gì và .of(context) tra dữ liệu theo hướng nào
- Chẩn đoán và sửa lỗi context sai chỗ bằng cách tách widget hoặc dùng Builder
- Hiểu InheritedWidget là cơ chế chung đứng sau Theme, MediaQuery và provider

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

1. context Là Node Trong Cây Element
2. .of(context) Đi Lên, Không Đi Xuống
3. Vì Sao Repo Tách _ShellApp Và _ShellBody
4. Ba Cách Lấy Được context Đúng
5. InheritedWidget Là Cơ Chế Chung
6. MediaQuery: Đọc Một Lát Cắt, Đừng Đọc Cả Cụm
7. 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: [Widget, Element, RenderObject](https://dantech.academy/courses/flutter-mobile-101/02-widget-essentials/lesson-06-three-trees-const-and-keys.md)
- Bài tiếp theo: [State lifecycle và AnimationController](https://dantech.academy/courses/flutter-mobile-101/02-widget-essentials/lesson-08-state-lifecycle-and-animation.md)