Flutter中ChangeNotifier的dispose()方法何时触发？页面销毁为何未调用？

我有两个视图HomeView和JokeView：

• 在HomeView中，通过如下按钮打开JokeView：

ElevatedButton(
  onPressed: () {
    Navigator.of(context).push(
      MaterialPageRoute(builder: (context) => const JokeView(), maintainState: false),
    );
  },
  child: Text('Joke view'))

• 在JokeView中，通过自定义BackButton关闭视图：

AppBar(
  leading: BackButton(
    onPressed: () {
      Navigator.of(context).pushReplacement(
        MaterialPageRoute(builder: (context) => const HomeView(), maintainState: false));
    },

• JokeView中使用ListenableBuilder监听继承自ChangeNotifier的JokeViewModel：

ListenableBuilder(
  listenable: jokeViewModel,

• JokeViewModel重写了dispose()方法：

class JokeViewModel with ChangeNotifier {
 ...
  @override
  void dispose() {
    print("dispose is called");
    super.dispose();
  }
}

我期望JokeView从路由栈中移除时该dispose()方法被调用，但从未触发。尝试过默认返回按钮、Navigator.pop、Navigator.pushReplacement，请问是否操作有误？框架是否应该在页面出栈时调用该方法？

注：此为学习问题，了解StatefulWidget，未使用Provider。

核心问题 #

Flutter框架不会自动调用ChangeNotifier的dispose()方法——你需要手动将其绑定到StatefulWidget的生命周期中触发。ListenableBuilder仅负责监听通知，不承担ChangeNotifier的生命周期管理职责。

错误点分析 #

1. 未将JokeViewModel的生命周期与JokeView的State绑定：页面出栈时State的dispose()会被框架调用，但你没有在这个时机触发jokeViewModel.dispose()。
2. 使用pushReplacement时，旧路由（JokeView）会被移除，但如果JokeViewModel没有被主动销毁，它的dispose()自然不会执行。

解决方案 #

将JokeView改为StatefulWidget，在State中初始化JokeViewModel，并在State的dispose()方法中手动调用ViewModel的dispose()：

class JokeView extends StatefulWidget {
  const JokeView({super.key});

  @override
  State<JokeView> createState() => _JokeViewState();
}

class _JokeViewState extends State<JokeView> {
  late final JokeViewModel jokeViewModel;

  @override
  void initState() {
    super.initState();
    jokeViewModel = JokeViewModel(); // 初始化ViewModel
  }

  @override
  void dispose() {
    jokeViewModel.dispose(); // 页面出栈时，State销毁触发此方法，进而调用ViewModel的dispose
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: BackButton(
          onPressed: () {
            Navigator.pop(context); // 优先用pop返回，避免pushReplacement重复入栈HomeView
          },
        ),
      ),
      body: ListenableBuilder(
        listenable: jokeViewModel,
        builder: (context, child) {
          // 构建对应UI
          return const Center(child: Text("Joke Content"));
        },
      ),
    );
  }
}

补充说明 #

• 无论使用Navigator.pop还是pushReplacement，只要JokeView的State被销毁，dispose()就会被调用，进而触发JokeViewModel的dispose()。
• 如果JokeViewModel是由父组件传递给JokeView的，销毁逻辑应放在父组件的生命周期中，确保ViewModel的生命周期与持有者一致。

内容的提问来源于stack exchange，提问作者Yuriy N.