1. 划分不同类型的provider
- StateProvider：用于管理简单的、独立的状态。例如，一个开关按钮的开启/关闭状态，就可以使用
StateProvider<bool> 来管理。它会在状态改变时自动重建依赖它的Widget。
final switchStateProvider = StateProvider<bool>((ref) => false);
- NotifierProvider：适用于管理复杂的、具有业务逻辑的状态。将状态和操作状态的方法封装在一个
Notifier 类中。比如，一个购物车模块，购物车的商品列表以及添加、删除商品等操作，可以通过 NotifierProvider 来实现。
class CartNotifier extends StateNotifier<List<Product>> {
CartNotifier() : super([]);
void addProduct(Product product) {
state = [...state, product];
}
void removeProduct(Product product) {
state = state.where((p) => p != product).toList();
}
}
final cartProvider = NotifierProvider<CartNotifier, List<Product>>(CartNotifier.new);
- FutureProvider：用于异步操作，比如从网络获取数据。当数据加载完成后，状态会自动更新。例如，获取用户信息的接口调用，可以使用
FutureProvider。
final userInfoProvider = FutureProvider<UserInfo>((ref) async {
// 模拟网络请求
await Future.delayed(const Duration(seconds: 2));
return UserInfo(name: 'John Doe', age: 30);
});
2. 处理provider之间的依赖关系
- 通过ref.read：在一个provider内部，如果需要依赖其他provider，可以使用
ref.read 方法。例如，在一个订单模块中，可能需要依赖购物车模块的商品列表来计算总价。
class OrderNotifier extends StateNotifier<double> {
OrderNotifier(this.ref) : super(0.0);
final Ref ref;
void calculateTotalPrice() {
final cartItems = ref.read(cartProvider);
double total = 0;
for (var item in cartItems) {
total += item.price;
}
state = total;
}
}
final orderProvider = NotifierProvider<OrderNotifier, double>((ref) => OrderNotifier(ref));
- 避免循环依赖：在设计时要确保provider之间不会形成循环依赖。如果出现循环依赖，Riverpod会抛出异常。例如，A provider依赖B provider，B provider又依赖A provider，这是不允许的。要仔细分析业务逻辑，合理拆分和组织provider，以避免这种情况。
3. 优化状态更新的性能
- 细粒度的状态管理：将状态尽可能细分，使用多个小的provider而不是一个大而全的provider。这样，当某个小状态发生变化时，只有依赖该小状态的Widget会重建，而不是整个页面。例如，在一个用户设置页面，将语言设置、通知设置等分别用不同的provider管理。
- Selector：使用
Selector 来精确控制Widget重建的时机。Selector 允许你从provider的状态中选择一部分数据，只有当这部分数据发生变化时，Widget才会重建。例如，在一个聊天列表页面，只关心未读消息数量的变化，而不关心整个聊天列表的所有状态变化。
Selector(
selector: (BuildContext context, WidgetRef ref) {
final chatList = ref.watch(chatListProvider);
return chatList.where((chat) => chat.unreadCount > 0).length;
},
builder: (BuildContext context, int unreadCount, Widget? child) {
// 这里只有unreadCount变化时才会重建
return Text('Unread: $unreadCount');
},
);
- 缓存数据：对于一些不经常变化的数据，可以使用
Provider.cache 来缓存。例如，一些配置信息，只在应用启动时加载一次，后续直接从缓存中读取，减少不必要的重复加载。
final configProvider = Provider<AppConfig>((ref) {
// 加载配置信息
return AppConfig.fromJson({'theme': 'dark', 'language': 'en'});
}).cache();
