- Provider & Notifier là gì?
Trong quá trình phát triển ứng dụng Flutter, State Management (quản lý trạng thái) là một phần quan trọng giúp quản lý dữ liệu và cập nhật giao diện khi dữ liệu thay đổi. Đối với những ứng dụng đơn giản, có thể sử dụng setState() để cập nhật trạng thái trong một Widget. Tuy nhiên, khi ứng dụng có nhiều màn hình và nhiều thành phần cần sử dụng chung dữ liệu, việc quản lý State cần được tổ chức rõ ràng hơn.
Provider và Notifier là hai khái niệm thường gặp khi sử dụng thư viện Riverpod để quản lý State. Chúng có vai trò khác nhau nhưng có thể kết hợp với nhau để giúp ứng dụng quản lý dữ liệu hiệu quả hơn.
Provider là thành phần dùng để cung cấp dữ liệu, đối tượng hoặc trạng thái cho những phần khác trong ứng dụng truy cập và theo dõi. Nhờ Provider, các Widget không cần tự tạo và quản lý riêng từng dữ liệu mà có thể sử dụng dữ liệu được cung cấp từ một nơi.
Notifier là thành phần chịu trách nhiệm quản lý State và định nghĩa các phương thức để thay đổi State đó. Khi dữ liệu thay đổi, Notifier có thể cập nhật trạng thái mới để những Widget đang theo dõi nhận được thông tin và cập nhật giao diện tương ứng.
Có thể hiểu đơn giản rằng Provider giúp cung cấp và theo dõi dữ liệu, còn Notifier chịu trách nhiệm quản lý và thay đổi dữ liệu trong những trường hợp cần cập nhật State.
- Provider & Notifier hoạt động như thế nào?
Để hiểu rõ hơn, hãy lấy ví dụ về chức năng giỏ hàng trong một ứng dụng bán sữa.
Khi khách hàng thêm sản phẩm vào giỏ hàng, số lượng sản phẩm sẽ thay đổi. Thông tin này có thể cần được sử dụng ở nhiều nơi, chẳng hạn biểu tượng giỏ hàng trên thanh điều hướng, màn hình giỏ hàng và trang thanh toán.
Nếu mỗi màn hình tự quản lý một số lượng riêng, dữ liệu có thể không đồng nhất. Ví dụ, giỏ hàng có ba sản phẩm nhưng biểu tượng trên thanh điều hướng vẫn hiển thị hai sản phẩm.
Để giải quyết vấn đề này, có thể sử dụng Notifier để quản lý dữ liệu giỏ hàng và cung cấp các phương thức như thêm sản phẩm, xóa sản phẩm hoặc cập nhật số lượng. Provider giúp các Widget cần thiết truy cập và theo dõi trạng thái giỏ hàng đó.
Quy trình hoạt động có thể diễn ra như sau:
Người dùng thêm sản phẩm → Notifier xử lý thao tác và cập nhật State → Provider cung cấp trạng thái mới cho các Widget đang theo dõi → Giao diện cập nhật số lượng sản phẩmTrong Riverpod, NotifierProvider thường được sử dụng để kết hợp một Notifier với State mà nó quản lý. Khi State thay đổi, các Widget theo dõi Provider có thể được thông báo và cập nhật theo dữ liệu mới.
- Một số loại Provider và Notifier thường gặp
Trong Riverpod, có nhiều loại Provider phù hợp với những nhu cầu khác nhau:
Provider: Dùng để cung cấp một giá trị hoặc đối tượng, chẳng hạn một dịch vụ xử lý dữ liệu hoặc một Repository.StateProvider: Trong các phiên bản Riverpod trước đây, thường được sử dụng cho State đơn giản. Khi sử dụng Riverpod hiện đại, cần chú ý phiên bản và hướng dẫn hiện hành vì API này đã được đánh dấu không khuyến nghị trong các phiên bản mới.NotifierProvider: Dùng để cung cấp State được quản lý bởi một Notifier, phù hợp khi cần xây dựng các phương thức thay đổi dữ liệu và xử lý logic.AsyncNotifierProvider: Phù hợp với State cần xử lý bất đồng bộ, chẳng hạn tải danh sách sản phẩm từ API hoặc lấy thông tin người dùng từ máy chủ.
Việc lựa chọn loại Provider phụ thuộc vào tính chất dữ liệu và cách ứng dụng cần quản lý trạng thái.
- Ví dụ minh họa trong Flutter
Giả sử ứng dụng bán sữa cần quản lý số lượng sản phẩm trong giỏ hàng. Có thể tạo một Notifier để lưu số lượng hiện tại và cung cấp phương thức tăng số lượng:
import 'package:flutter_riverpod/flutter_riverpod.dart';
class CartNotifier extends Notifier<int> {
@override
int build() => 0;
void addProduct() {
state++;
}
}
final cartProvider = NotifierProvider<CartNotifier, int>(
CartNotifier.new,
);Trong ví dụ trên, CartNotifier chịu trách nhiệm quản lý State có kiểu dữ liệu int. Phương thức build() khởi tạo số lượng ban đầu bằng 0. Khi gọi addProduct(), giá trị state tăng lên một đơn vị.
cartProvider giúp các Widget truy cập và theo dõi State này. Trong một Widget sử dụng WidgetRef, có thể gọi ref.watch(cartProvider) để theo dõi số lượng sản phẩm và gọi ref.read(cartProvider.notifier).addProduct() để yêu cầu tăng số lượng.
Đây là ví dụ đơn giản để minh họa cách hoạt động. Trong ứng dụng thực tế, giỏ hàng thường cần quản lý danh sách sản phẩm, số lượng từng sản phẩm, giá tiền và các thao tác liên quan.
- Ưu điểm và những điểm cần lưu ý
Provider và Notifier giúp tập trung việc quản lý dữ liệu, hạn chế việc truyền dữ liệu qua nhiều Widget và giúp giao diện sử dụng chung một nguồn State. Khi được tổ chức hợp lý, mã nguồn sẽ dễ đọc, dễ kiểm thử và thuận tiện hơn khi mở rộng tính năng.
Tuy nhiên, cần phân biệt rõ trách nhiệm của từng thành phần. Provider không nhất thiết phải trực tiếp xử lý toàn bộ nghiệp vụ, còn Notifier nên tập trung vào việc quản lý State và những thao tác liên quan đến State đó. Đối với các nghiệp vụ phức tạp, có thể tách phần truy cập dữ liệu hoặc gọi API sang Repository hay Service riêng.
Ngoài ra, không nên tạo quá nhiều Provider nếu không cần thiết. Việc chia nhỏ nên dựa trên trách nhiệm của dữ liệu và nhu cầu sử dụng để tránh khiến cấu trúc dự án trở nên khó hiểu.
- Kết luận
Provider và Notifier là những thành phần hữu ích trong việc quản lý State bằng Riverpod trong Flutter. Provider giúp cung cấp dữ liệu cho những thành phần cần sử dụng, còn Notifier quản lý State và định nghĩa các phương thức thay đổi dữ liệu. Khi kết hợp hợp lý, chúng giúp ứng dụng cập nhật giao diện chính xác, giảm sự phụ thuộc giữa các Widget và tổ chức mã nguồn dễ bảo trì hơn.
Bài viết khác
Tìm hiểu về Dependency Injection là gì?
Dependency Injection là gì? Dependency Injection (DI), hay tiêm phụ thuộc, là kỹ thuật cung cấp những đối tượng hoặc thành phần mà một đối tượng cần sử dụng từ bên ngoài, thay vì để đối tượng đó tự tạo ra tất cả những thành phần cần thiết. Để hiểu đơn giản, hãy tưởng […]
Tìm hiểu về Riverpod / BLoC / Provider
Tổng quan Trong Flutter, State Management (quản lý trạng thái) là quá trình quản lý dữ liệu và trạng thái của ứng dụng, giúp giao diện được cập nhật khi dữ liệu thay đổi. Đối với ứng dụng đơn giản, có thể sử dụng setState() để cập nhật giao diện. Tuy nhiên, khi ứng […]
tìm hiểu về State Management
State Management là gì? State Management (quản lý trạng thái) là quá trình quản lý dữ liệu và trạng thái của các thành phần trong ứng dụng. Trong quá trình sử dụng, dữ liệu của ứng dụng có thể thay đổi và giao diện cần được cập nhật tương ứng để hiển thị thông […]
Go Fundamentals
Go là gì? Go, còn được biết đến với tên gọi Golang, là một ngôn ngữ lập trình mã nguồn mở, được thiết kế tại Google bởi Robert Griesemer, Rob Pike và Ken Thompson. Go là ngôn ngữ biên dịch (compiled language) và có hệ thống kiểu dữ liệu tĩnh (statically typed). Khác với những […]
Tìm hiểu về Hive Local
Hive Local Storage là gì? Hive là một thư viện cơ sở dữ liệu cục bộ (Local Database) được sử dụng trong Flutter và Dart để lưu trữ dữ liệu trực tiếp trên thiết bị của người dùng. Hive hoạt động theo mô hình NoSQL, tổ chức dữ liệu theo dạng Key – Value […]
Tìm hiểu về Forms & Input Validation trong Flutter
1. Forms & Input Validation là gì? Trong Flutter, Forms & Input Validation là kiến thức về cách xây dựng biểu mẫu để người dùng nhập thông tin và kiểm tra tính hợp lệ của dữ liệu trước khi ứng dụng xử lý hoặc gửi dữ liệu lên máy chủ. Form là biểu mẫu chứa […]
Khoá học lập trình game con rắn cho trẻ em 
