Flutter 中的 Riverpode 和 Hooks，如何为异步调用实现 StateNotifier？

问题描述

我是 Flutter 的新手，最近我决定研究提供程序，以便能够重用我使用 FutureBuilder as suggested in this other question 进行的一些 sqlite 数据库调用。

阅读后我开始使用riverpod_hooks，但我卡住了。

目前我有一个提供程序可以从 sqlite 获取数据：

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);
   }

}