Ứng dụng Flutter thường xuyên xử lý các thao tác bất đồng bộ (request mạng, truy cập file, truy vấn database). Future của Dart (kết quả async đơn lẻ) và Stream (chuỗi các sự kiện async), cùng async/await và các widget như FutureBuilder/StreamBuilder, là thiết yếu cho UI async.
// một Future đại diện cho một kết quả async đơn lẻ hoàn thành sau đó
Future<String> fetchUser() async {
final response = await http.get(url); // await tạm dừng đến khi Future hoàn thành
return response.body; // trả về kết quả
}
// sử dụng nó
final data = await fetchUser(); // await kết quả
// hoặc: fetchUser().then((data) => ...); // kiểu callback
Future = một giá trị đơn lẻ có sẵn sau đó (một response mạng, một lần đọc file). async/await làm code async đọc theo trình tự.
// FutureBuilder rebuild UI dựa trên trạng thái của Future (loading/data/error)
FutureBuilder<String>(
future: fetchUser(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return CircularProgressIndicator(); // đang loading
} else if (snapshot.hasError) {
return Text('Error: ${snapshot.error}'); // lỗi
} else {
return Text(snapshot.data!); // đã có dữ liệu
}
},
)
// một Stream = một CHUỖI các sự kiện async theo thời gian (ví dụ dữ liệu trực tiếp, websocket, cảm biến)
Stream<int> counter() async* {
for (int i = 0; i < 10; i++) {
await Future.delayed(Duration(seconds: 1));
yield i; // phát ra mỗi giá trị
}
}
// StreamBuilder rebuild UI khi các sự kiện mới đến
StreamBuilder<int>(stream: counter(), builder: (context, snapshot) => Text('${snapshot.data}'))
Hiểu async, Future, và Stream là thiết yếu vì ứng dụng Flutter thường xuyên xử lý các thao tác bất đồng bộ, nên xử lý chúng đúng cách là nền tảng để xây dựng ứng dụng thực tế.
Hầu như mọi ứng dụng đều thực hiện công việc async — request mạng, truy cập file, truy vấn database, dữ liệu thời gian thực — và các nguyên thủy async của Dart là cách bạn xử lý nó.
Hiểu Future (đại diện cho một kết quả async đơn lẻ có sẵn sau đó, như một response mạng) cùng async/await (làm code async đọc theo trình tự và sạch sẽ) là thiết yếu để thực hiện các thao tác async.
Hiểu FutureBuilder đặc biệt quan trọng cho UI: nó xây dựng UI dựa trên trạng thái của một Future, xử lý đúng cách các trạng thái loading, error, và data — vốn chính xác là những gì ứng dụng thực tế cần (hiển thị spinner khi loading, thông báo lỗi khi thất bại, và dữ liệu khi thành công), một mẫu phổ biến và thiết yếu cho UI async.
Hiểu Stream (chuỗi các sự kiện async theo thời gian, như dữ liệu trực tiếp, websocket, hoặc số đọc cảm biến) và StreamBuilder (rebuild UI khi các sự kiện mới đến) là thiết yếu cho UI reactive, thời gian thực và cho các cách tiếp cận state management xây dựng trên stream.
Xử lý async đúng cách — bao gồm các trạng thái loading/error/data mà FutureBuilder và StreamBuilder quản lý — là nền tảng để xây dựng ứng dụng fetch và hiển thị dữ liệu đúng cách (cốt lõi của hầu hết ứng dụng).
Vì ứng dụng Flutter thường xuyên thực hiện các thao tác bất đồng bộ (mạng, file, dữ liệu thời gian thực) và hiển thị kết quả của chúng đòi hỏi xử lý trạng thái async đúng cách, và vì Future, Stream, async/await, và các widget Builder là các công cụ thiết yếu cho việc này, hiểu async, Future, và Stream trong Flutter là kiến thức thiết yếu, được áp dụng thường xuyên — nền tảng để xây dựng ứng dụng xử lý dữ liệu và các thao tác async đúng cách, một kỹ năng cốt lõi cần trong hầu như mọi ứng dụng Flutter thực tế fetch hoặc xử lý dữ liệu.