使用Riverpod代码生成创建State Provider时实例化报错求助

你遇到的问题有两个核心错误，直接导致了类型不匹配的报错：

1. build()方法初始化逻辑错误 #

在_$MainModeProvider的build()方法里，你返回了state，但此时state还未完成初始化，这是逻辑错误，应该直接返回状态的初始值：

@override
EditorMode build() {
  // 直接返回初始状态，而非未初始化的state
  return EditorMode.newFile;
}

2. 手动实例化Provider类是多余且错误的 #

使用Riverpod代码生成时，@riverpod注解会自动在生成的main_mode_provider.g.dart文件中创建对应的provider实例，变量名是mainModeProvider（类名自动转换为小驼峰格式）。你手动添加的：

final mainModeProvider = MainModeProvider();

完全不需要，而且这个手动创建的是MainModeProvider类的实例，并非Riverpod要求的ProviderListenable类型，这就是报错的直接原因。

修正后的完整Provider代码 #

import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';
part 'main_mode_provider.g.dart';

enum EditorMode {
  newFile,
  editFile,
}

@riverpod
class MainModeProvider extends _$MainModeProvider {
  @override
  EditorMode build() {
    // 返回初始状态值
    return EditorMode.newFile;
  }

  void setEditorMode(EditorMode newMode) {
    state = newMode;
  }
}
// 移除手动创建的mainModeProvider变量

main.dart中的正确用法 #

class MyHomePage extends ConsumerWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    Widget page;
    // 直接使用代码生成的mainModeProvider
    EditorMode mode = ref.watch(mainModeProvider);
    
    // 后续页面逻辑...
    return Scaffold(body: ...);
  }
}

只要保证代码生成已正常执行（运行过dart run build_runner watch或build命令），修正后就能正常使用这个状态Provider了。

内容的提问来源于stack exchange，提问作者Kartik Aiyer