如何解决Flutter 中的 Riverpode 和 Hooks,如何为异步调用实现 StateNotifier?
我是 Flutter 的新手,最近我决定研究提供程序,以便能够重用我使用 FutureBuilder as suggested in this other question 进行的一些 sqlite 数据库调用。
阅读后我开始使用riverpod_hooks,但我卡住了。
final bloodPressureProvider = FutureProvider((_) => _findAllBloodPressures());
Future<List<BloodPressure>> _findAllBloodPressures() async {
var _bloodPressure = BloodPressure.forSearchOnly();
var result = await _bloodPressure.findAll();
return result;
}
我可以成功地使用它来呈现图表和显示列表:
class BloodPressureList extends HookWidget {
@override
Widget build(BuildContext context) {
final bpList = useProvider(bloodPressureProvider);
return Scaffold(
drawer: NutriDrawer(context).drawer(),appBar: AppBar(
title: Text('Blood Pressure History'),),body: Column(
children: [
Container(
padding: EdgeInsets.fromLTRB(0,25,15,5),child: bpList.when(
data: (bloodPressureList) => _buildLineChart(bloodPressureList),loading: () => CircularProgressIndicator(),error: (_,__) => Text('Ooooopsss error'),Expanded(
child: bpList.when(
data: (bloodPressureList) => _getSlidableListView(bloodPressureList,context),__) => Text('Ooopsss error'),],...
我目前遇到的问题是,每当将新元素添加到在另一个屏幕/小部件中完成的数据库中时,都会向小部件发出通知,在使用提供程序之前,我会使用 setState 但现在我明白我应该实现可能StateNotifier,但我缺少将其与从上面提供程序片段中使用的数据库返回的异步调用集成的正确方法。
非常感谢任何指向正确方向的指针。
更新解决方案:根据下面接受的答案,我使用了 context.refresh 并且它完全符合我的要求:
var result = Navigator.push(context,MaterialPageRoute(builder: (context) {
return BloodPressureDetail(title,bloodPressure);
}));
result.then((_) => context.refresh(bloodPressureProvider));
因此,当从编辑/添加屏幕返回时,提供者上下文会刷新,图表和列表的状态也会自动更新。
解决方法
默认情况下,FutureProvider 缓存未来的结果,因此仅在第一次访问时才获取。 如果您想每次进入屏幕时都获得一个新值,请使用 FutureProvider.autoDispose。 如果您想手动刷新提供程序,您可以将 context.refresh(bloodPressureProvider) 与 FutureProvider 结合使用。
如果您不想访问您的数据库以获取值但仍希望屏幕同步,您可以实现一个 stateNotifier 来表示您的数据库状态
final dbState =
StateNotifierProvider<dbState>((ProviderReference ref) {
final dbState = DbState();
dbState.init();
return dbState;
});
class dbState extends StateNotifier<AsyncValue<List<String>>> {
/// when the constructor is called the initial state is loading
dbState() : super(AsyncLoading<List<String>>());
/// fetch the values from the database and set the state to AsyncData
///(could be good to add a try catch and set the sate to an error if one
/// occurs)
void init()async{
state = AsyncLoading<List<String>>();
final fetchedValues = await fetchValues();
state = AsyncData<List<String>>(fetchedValues);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。