Flutter中Riverpod语句报错求助：watch(provider)行出现红色错误

问题原因 #

你遇到的红色下划线错误是因为Riverpod版本与教程不兼容。Riverpod 2.x版本重构了API，将原Consumer builder中的watch参数替换为ref对象，需要通过ref.watch()来监听Provider。

修正步骤 #

1. 调整Consumer的builder参数
   将原builder: (context, watch, child)改为builder: (context, ref, child)，并使用ref.watch(provider)替代watch(provider)。

2. 确保ProviderScope包裹App
   Riverpod 2.x要求整个应用必须在ProviderScope中运行，否则无法正常使用Provider。

修正后的完整代码 #

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

final provider = Provider<int>((ref) => 20);

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('RiverPod')),
      body: Center(
        child: Consumer(
          builder: (context, ref, child) {
            final number = ref.watch(provider);
            return Text(number.toString());
          },
          child: const Text('Riverpod'),
        ),
      ),
    );
  }
}

// 主函数必须用ProviderScope包裹
void main() {
  runApp(
    const ProviderScope(
      child: MaterialApp(
        home: HomeScreen(),
      ),
    ),
  );
}

依赖版本确认 #

确保pubspec.yaml中的Riverpod依赖为2.x版本：

dependencies:
  flutter:
    sdk: flutter
  flutter_riverpod: ^2.3.0 # 可使用最新稳定版

内容的提问来源于stack exchange，提问作者Irfan Ganatra