Flutter报错：无法在StudentsList Widget上方找到正确的Provider如何解决？

核心错误原因 #

你在HomeScreen的build方法中创建的ChangeNotifierProvider没有挂载到组件树中，仅声明未作为父组件包裹Scaffold，导致StudentsList所在的组件分支不存在对应的Students状态实例，所以读取时报错。

修复代码 #

修改HomeScreen的逻辑，将Scaffold作为ChangeNotifierProvider的child属性，返回完整的组件树：

class HomeScreen extends StatelessWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (_) => Students(),
      child: Scaffold(
        appBar: AppBar(
          title: const Text("Home"),
        ),
        body: StudentsList(),
      ),
    );
  }
}

其他注意事项 #

如果需要全局使用Students状态，可以将ChangeNotifierProvider包裹在MaterialApp的上层，放在main.dart的初始化逻辑中：

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (_) => Students(),
      child: const MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: const HomeScreen(),
    );
  }
}

另外需要确认两个常见踩坑点：

• Students类已正确继承ChangeNotifier
• 访问Provider.of<Students>(context)的位置，确实在ChangeNotifierProvider包裹的子组件树范围内

内容的提问来源于stack exchange，提问作者Manraj Singh