Flutter Web项目中使用Riverpod监听对象实例报错：watch无法作为函数调用的问题求助

你遇到的是Riverpod版本升级带来的API不兼容问题，我来帮你梳理下具体的解决办法：

问题根源 #

你当前拉取的Riverpod应该是2.0及以上的版本，这个版本对核心API做了重大调整——Consumer的builder回调参数发生了变化：旧版本里第二个参数是直接可用的watch函数，而新版本里换成了WidgetRef类型的ref对象，所有监听Provider的操作都需要通过这个ref对象来调用。

直接修改代码（推荐方案） #

把你的Consumer代码改成下面这样，用ref.watch替代原来的watch调用方式：

Consumer(
  builder: (context, ref, child) { // 将第二个参数从watch改为ref
    final om = ref.watch(human); // 通过ref对象调用watch方法
    return Text(om.name);
  }
)

修改完成后，编译器的错误应该会消失，代码也能正常运行。

备选方案：固定旧版Riverpod版本 #

如果你暂时不想适配新版本API，可以在pubspec.yaml里指定Riverpod 1.x的版本范围，比如：

dependencies:
  flutter_riverpod: ^1.0.0

然后执行flutter pub get重新拉取依赖，这样就能继续使用原来的watch(human)写法。不过还是更建议你适配新版本，因为2.0+带来了不少性能优化和功能增强。

补充说明 #

你的Flutter版本是master通道的2.9.0-1.0.pre.294，属于较新的预览版，当你没有指定Riverpod版本时，pub会自动拉取与当前Flutter版本兼容的最新Riverpod版本（也就是2.0+），这就是为什么你会突然遇到这个API变化的问题。

内容的提问来源于stack exchange，提问作者Eight Rice