使用pushReplacement跳转路由时如何避免Bloc被销毁（非全局实例化）

问题根源 #

使用pushReplacement替换路由时，原路由（FirstScreen）会被销毁，其内部通过BlocProvider.create创建的BlocProvider组件也会触发dispose。默认情况下，BlocProvider会自动调用Bloc的close()方法，导致BlocA被关闭。

解决方案1：将Bloc提升到更高层级（推荐） #

把BlocProvider移到不会随路由销毁的父组件（比如MyApp）中，让Bloc的生命周期与App绑定，避免路由切换时被销毁。

修改MyApp代码：

import 'package:flutter/Material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

const Color darkBlue = Color.fromARGB(255, 18, 32, 47);

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocProvider(
      create: (_) => BlocA(), // 在App层级创建BlocA
      child: MaterialApp(
        theme: ThemeData.dark().copyWith(
          scaffoldBackgroundColor: darkBlue,
        ),
        debugShowCheckedModeBanner: false,
        home: const FirstScreen(),
      ),
    );
  }
}

修改FirstScreen，移除内部的BlocProvider：

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

  @override
  Widget build(BuildContext context) {
    return const FirstScreenMain(); // 直接返回页面主体，无需再包裹BlocProvider
  }
}

此时FirstScreenMain和SecondScreen可直接通过BlocProvider.of<BlocA>(context)获取BlocA，路由切换时Bloc不会被销毁。

解决方案2：禁用BlocProvider自动销毁，手动管理生命周期 #

如果不想提升Bloc层级，可以在FirstScreen的BlocProvider中禁用自动dispose，然后在SecondScreen销毁时手动关闭Bloc，避免内存泄漏。

修改FirstScreen的BlocProvider：

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

  @override
  Widget build(BuildContext context) {
    return BlocProvider(
      create: (_) => BlocA(),
      autoDispose: false, // 禁止BlocProvider自动关闭Bloc
      child: const FirstScreenMain(),
    );
  }
}

修改SecondScreen的状态类，手动关闭Bloc：

class _SecondScreenState extends State<SecondScreen> {
  late BlocA _blocA;

  @override
  void didChangeDependencies() {
    _blocA = BlocProvider.of<BlocA>(context);
    super.didChangeDependencies();
  }

  @override
  void dispose() {
    _blocA.close(); // 页面销毁时手动关闭Bloc
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Second screen'),
      ),
    );
  }
}

注意事项 #

• 方案1无需手动管理生命周期，实现更简洁，是优先推荐方案；
• 方案2必须严格手动关闭Bloc，否则会引发内存泄漏；
• 两种方案都不需要全局实例化Bloc，符合需求。

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