Flutter中跳转新页面后无法访问初始页面的BlocProvider怎么办？

你当前的问题根源在于：BlocProvider<MyOffersListBloc>是在MyOffersListScreen的build方法内部创建的，它的上下文作用域仅覆盖MyOffersListScreen及其子Widget，通过Navigator.push打开的NewOfferScreen不在这个上下文层级内，因此无法直接获取同一个Bloc实例。

下面提供两种实用的解决方案：

方法一：将BlocProvider提升到Navigator父层级 #

如果这个Bloc需要在多个页面共享，最直接的方式是把BlocProvider移到MaterialApp（或其他Navigator的父Widget）上层，让所有页面都处于它的上下文范围内。

修改后的代码示例：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 把BlocProvider提升到MaterialApp外层，全局生效
    return BlocProvider<MyOffersListBloc>(
      create: (context) => MyOffersListBloc(),
      child: MaterialApp(
        home: MyOffersListScreen(),
        routes: {
          '/new-offer': (context) => NewOfferScreen(),
        },
      ),
    );
  }
}

// MyOffersListScreen不再需要内部创建BlocProvider
class MyOffersListScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 直接通过上下文获取Bloc实例
    final myOffersBloc = BlocProvider.of<MyOffersListBloc>(context);
    
    return Scaffold(
      // ... 页面内容
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Navigator.pushNamed(context, '/new-offer');
        },
        child: Icon(Icons.add),
      ),
    );
  }
}

class NewOfferScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 现在可以正常获取同一个Bloc实例
    final myOffersBloc = BlocProvider.of<MyOffersListBloc>(context);
    
    return Scaffold(
      // ... 页面内容
    );
  }
}

方法二：导航时通过BlocProvider.value传递已有Bloc实例 #

如果这个Bloc仅需要在MyOffersListScreen和NewOfferScreen之间共享，不需要全局生效，可以在导航时用BlocProvider.value包裹新页面，传递已有的Bloc实例。

代码示例：

class MyOffersListScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocProvider<MyOffersListBloc>(
      create: (context) => MyOffersListBloc(),
      child: Builder(
        // 用Builder获取正确上下文，确保能拿到当前BlocProvider的实例
        builder: (context) {
          return Scaffold(
            floatingActionButton: FloatingActionButton(
              onPressed: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (context) => BlocProvider.value(
                      // 传递已有的Bloc实例
                      value: BlocProvider.of<MyOffersListBloc>(context),
                      child: NewOfferScreen(),
                    ),
                  ),
                );
              },
              child: Icon(Icons.add),
            ),
          );
        },
      ),
    );
  }
}

class NewOfferScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 成功获取同一个Bloc实例
    final myOffersBloc = BlocProvider.of<MyOffersListBloc>(context);
    
    return Scaffold(
      // ... 页面内容
    );
  }
}

关键注意事项 #

• 使用BlocProvider.value时，必须通过value参数传递已有的Bloc实例，禁止在create回调中创建新实例，否则会生成独立的Bloc，无法实现共享。
• 全局层级的Bloc，BlocProvider会自动在父Widget销毁时关闭Bloc，无需手动处理生命周期。

内容的提问来源于stack exchange，提问作者Nilton TR