使用flutter_bloc实现路由时遭遇Provider未找到错误求助

你的BlocProvider<PageRoutingCubit>被嵌套在Scaffold的body中，而抽屉（Drawer）是Scaffold的独立子组件。抽屉使用的BuildContext是Scaffold所在的上下文，这个上下文并不包含body内部创建的BlocProvider，所以调用context.read<PageRoutingCubit>()时会触发"找不到Provider"的错误。

方案一：将BlocProvider提升到Scaffold外层 #

把BlocProvider放在Scaffold的父级位置，让Scaffold的所有子组件（包括body和drawer）都能共享同一个Provider上下文：

Widget build(BuildContext context) {
  return BlocProvider<PageRoutingCubit>(
    create: (context) => PageRoutingCubit(),
    child: Scaffold(
      drawer: Drawer(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            DrawerButton(
              onTap: () => context.read<PageRoutingCubit>().buildProfileScreen(),
              text: 'Profile',
              icon: const Icon(Icons.person)),
            DrawerButton(
              onTap: () => context.read<PageRoutingCubit>().buildSettingsScreen(),
              text: 'Settings',
              icon: const Icon(Icons.settings)),
            DrawerButton(
              onTap: () => context.read<PageRoutingCubit>().buildCartScreen(),
              text: 'Cart',
              icon: const Icon(Icons.shopping_cart)),
          ],
        ),
      ),
      body: BlocBuilder<PageRoutingCubit, PageRoutingStates>(
        builder: (context, state) {
          if (state is PageRoutingProfileState) {
            return const ProfileScreen();
          } else if (state is PageRoutingSettingsState) {
            return const SettingsScreen();
          } else if (state is PageRoutingCartState) {
            return const CartScreen();
          } else {
            return const Center(child: Text('Error'));
          }
        },
      ),
    ),
  );
}

方案二：使用GlobalKey获取BlocProvider（不推荐，仅作补充） #

如果暂时不想调整组件层级，可以通过GlobalKey获取BlocProvider的上下文：

1. 定义全局key：

final GlobalKey _scaffoldKey = GlobalKey();

2. 给Scaffold绑定key：

Scaffold(
  key: _scaffoldKey,
  // ...其他代码
)

3. 在抽屉按钮中使用key获取上下文：

onTap: () => _scaffoldKey.currentContext!.read<PageRoutingCubit>().buildProfileScreen(),

额外提示 #

• Cubit的方法名建议遵循Dart命名规范，使用小驼峰（如buildProfileScreen而非BuildProfileScreen）。
• 如果你的路由逻辑需要在多个页面共享，建议将BlocProvider提升到MaterialApp的外层，这样整个应用都能访问到该Cubit。

内容的提问来源于stack exchange，提问作者Zain Erikat