Quản lý state (state management) trong Flutter là gì?

Question

Accepted Answer

**State management** đề cập đến cách một ứng dụng quản lý và cập nhật **dữ liệu (state)** của nó và phản ánh thay đổi lên UI. Khi ứng dụng phát triển, quản lý state tốt trở nên quan trọng, và Flutter cung cấp cơ chế tích hợp sẵn (setState) cùng nhiều thư viện (Provider, Riverpod, Bloc) cho việc này.

## State là gì

```text
STATE = dữ liệu có thể thay đổi và ảnh hưởng đến UI:
  → UI state: checkbox có được tích không? trong text field có gì? menu có mở không?
  → app state: người dùng đã đăng nhập, các item trong giỏ hàng, dữ liệu đã fetch
→ Khi state thay đổi, UI phải CẬP NHẬT để phản ánh nó.
```

## State cục bộ: setState

```dart
// cho state cục bộ của một widget đơn lẻ → StatefulWidget + setState (tích hợp sẵn, đơn giản)
setState(() {
  count++;            // thay đổi state → kích hoạt rebuild → UI cập nhật
});
// → tốt cho state đơn giản, CỤC BỘ trong một widget
```

## Vấn đề: chia sẻ state giữa các widget

```text
setState xử lý state CỤC BỘ, nhưng ứng dụng cần CHIA SẺ state giữa nhiều widget:
  → ví dụ người dùng đã đăng nhập hoặc giỏ hàng cần cho nhiều màn hình
  → truyền state xuống qua nhiều lớp widget ("prop drilling") rất phiền
  → không có chia sẻ state toàn cục tích hợp sẵn → cần các giải pháp state management
```

## Các giải pháp state management

```text
Nhiều cách tiếp cận/thư viện để chia sẻ và quản lý state:
  PROVIDER → đơn giản, được khuyến nghị chính thức, dùng rộng rãi (dựa trên InheritedWidget)
  RIVERPOD → một bản tiến hóa hiện đại, vững chắc của Provider (phổ biến)
  BLOC / Cubit → state management có cấu trúc, hướng sự kiện (phổ biến cho ứng dụng lớn)
  GetX, MobX, Redux → các lựa chọn khác
→ Chúng làm state truy cập được trong cây widget và cập nhật UI khi thay đổi,
  KHÔNG cần prop drilling thủ công. Chọn dựa trên độ phức tạp/sở thích của ứng dụng.
```

## Tại sao điều này quan trọng

Hiểu state management là quan trọng vì **cách một ứng dụng quản lý dữ liệu và cập nhật UI là nền tảng để xây dựng ứng dụng có chức năng**, và nó trở thành một mối quan tâm đáng kể khi ứng dụng phát triển, nên đây là kiến thức Flutter thiết yếu. **State** (dữ liệu thay đổi và ảnh hưởng đến UI — từ UI state cục bộ như một checkbox tới state phạm vi toàn ứng dụng như người dùng đã đăng nhập hoặc giỏ hàng) phải được quản lý để khi nó thay đổi, UI cập nhật đúng.

Hiểu **state cục bộ với setState** (cơ chế tích hợp sẵn cho state đơn giản trong một widget đơn lẻ) là nền tảng.

Quan trọng nhất, hiểu **vấn đề mà setState không giải quyết** — **chia sẻ state giữa nhiều widget** — là then chốt: ứng dụng cần state (như người dùng hiện tại hoặc giỏ hàng) truy cập được trên nhiều màn hình, và truyền nó thủ công xuống qua các lớp widget ("prop drilling") rất phiền và không mở rộng được, tạo nên nhu cầu cho các giải pháp state management.

Hiểu rằng Flutter cung cấp **nhiều cách tiếp cận/thư viện state management** — **Provider** (đơn giản, được khuyến nghị chính thức, dùng rộng rãi), **Riverpod** (một bản tiến hóa hiện đại), **Bloc/Cubit** (có cấu trúc, hướng sự kiện, phổ biến cho ứng dụng lớn), và những thứ khác — vốn làm state truy cập được trong cây widget và cập nhật UI khi thay đổi mà không cần prop drilling thủ công, và rằng lựa chọn phụ thuộc vào độ phức tạp và sở thích của ứng dụng, phản ánh bức tranh thực tế.

State management là một trong những chủ đề quan trọng và được bàn luận nhiều nhất trong Flutter vì làm tốt nó là thiết yếu cho ứng dụng dễ bảo trì, mở rộng được.

Vì quản lý state và cập nhật UI là nền tảng cho chức năng ứng dụng và trở thành mối quan tâm kiến trúc lớn khi ứng dụng phát triển (với setState không đủ cho state chia sẻ, đòi hỏi các giải pháp state management), và vì hiểu state, state cục bộ vs chia sẻ, vấn đề prop-drilling, và các giải pháp khả dụng là thiết yếu để xây dựng ứng dụng thực tế, hiểu state management trong Flutter là kiến thức quan trọng thiết yếu — một khái niệm cốt lõi để xây dựng ứng dụng Flutter có chức năng, dễ bảo trì và là một trong những chủ đề quan trọng nhất trong phát triển Flutter.