[英]Provider not displaying updated state in another screen usng change notifier provider
[英]How to modify the state of a StateNotifier Provider from another provider in Riverpod?
我对 flutter 和 Riverpod 很陌生,所以如果问题不清楚,我很抱歉,如果是这种情况,请告诉我
我有 2 个提供者,一个监听 FireStore 集合的实时变化,另一个是 List Service,用于处理从 FireStore 接收到的项目的实际列表。 我想将收到的列表添加到 itemList 中,然后通知监听 itemListProvider 的小部件,以便可以重建 listview
项目列表 state 通知器提供程序
final itemListProvider =
StateNotifierProvider<ItemListService, List<Item>>(
(ref) => ItemListService([]));
实时监听器
final firestoreListUpdateWatcher = Provider((ref) {
//Listens to a stream which provide query snapshot, this works as intended
final firestoreListWatcher = ref.watch(firestoreListProvider);
//using `ref.watch(itemListProvider.notifier)` because i want to be able
//to change the state from this provider
final itemListProvider = ref.watch(itemListProvider.notifier);
firestoreLisUpdateWatcher.when(
data: (value) {
for (int i = 0; i < value.docChanges.length; i++) {
QueryDocumentSnapshot currentQuery = value.docs[i];
//current item in list
ListItem item = fireStoreList.fromMap(currentQuery.data());
//add current item to the ListService
itemListProvider.add(item);
}
},
loading: () {},
error: (err, stack) {});
});
项目列表服务 class
class ItemListService extends StateNotifier<List<Item>> {
ItemListService(List<Item> itemList):super(itemListList ?? []);
void add(Item it) {
state = [...state, it];
}
//more methods modifying the list....
}
在我的小部件构建 function 中,我只是想听听对 itemListProvider 的更改并根据当前 state 重新创建列表
这不起作用,当对列表进行更改时,我的小部件不会重建。 我相信它不起作用的原因是因为当我使用ref.watch(itemListProvider.notifier)
在我的“firestoreListUpdateWatcher”中创建“watcher”时,我创建了一个新实例,我的小部件没有在听,因此在变化发生。 这个假设正确吗?
另外,我怎样才能实现这种行为(从另一个提供者修改列表)
有没有更好的方法来设计我的应用程序来避免这种限制?
在此先感谢您的帮助
正如您所说,ref.watch 正在重新创建提供程序,这就是为什么您没有看到您的更改,您可以使用当前逻辑执行的操作是查看 stream 而不是提供程序,并使用相同的侦听器更新 state itemListProvider 不创建另一个 Provider:
/// This is your StateNotifierProvider
final itemListProvider = StateNotifierProvider.autoDispose<ItemListService, List<Item>>((ref) {
//Listen to the stream itself instead of the value hold by the provider
final firestoreListStream = ref.watch(firestoreListProvider.stream);
//Create the instance of your StateNotifier
final itemListProvider = ItemListService([]);
/// subscribe to the stream to change the state accordingly
final subscription = firestoreListStream.listen((value) {
for (int i = 0; i < value.docChanges.length; i++) {
QueryDocumentSnapshot currentQuery = value.docs[i];
//current item in list
ListItem item = fireStoreList.fromMap(currentQuery.data());
//add current item to the ListService
itemListProvider.add(item);
}
});
/// When you stop using this porvider cancel the subscription to the stream, to avoid memory leaks
ref.onDispose(subscription.cancel);
return itemListProvider;
});
有了这个你就不需要另一个 Provider ( firestoreListUpdateWatcher
)
作为建议,我注意到您遍历 for 循环并单独添加它们,这将强制 state 多次更新,我建议先获取列表,然后使用 addAll 方法更新 state
final subscription = firestoreListStream.listen((value) {
List<ListItem> items = [];
for (int i = 0; i < value.docChanges.length; i++) {
QueryDocumentSnapshot currentQuery = value.docs[i];
//current item in list
ListItem item = fireStoreList.fromMap(currentQuery.data());
//add current item to the ListService
items.add(item);
}
ItemListService.addAll(items);
});
并在您的 ItemsService 中创建 addAll 方法
void addAll(Iterable<Item> it) {
state = [...state, ...it];
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.