Flutter中是否存在类似Android onNavigateUp的方法用于页面弹出时清理数据

如果你的页面是StatefulWidget，页面被弹出销毁时必然会触发dispose生命周期方法，直接在该方法内执行清理逻辑即可，这是最常用的轻量场景方案：

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

  @override
  State<YourPage> createState() => _YourPageState();
}

class _YourPageState extends State<YourPage> {
  late YourNotifier notifier;

  @override
  void initState() {
    super.initState();
    // 示例为Provider场景，不同状态管理框架取notifier的逻辑可自行调整
    notifier = Provider.of<YourNotifier>(context, listen: false);
  }

  @override
  void dispose() {
    // 页面销毁前执行清理
    notifier.clearData();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // 不要在build方法中编写业务逻辑、状态修改逻辑
    return const Scaffold();
  }
}

注意：如果你的页面是被缓存的（比如在PageView、IndexedStack中常驻），pop操作不会触发dispose，该场景请用下方其他方案。

如果需要在页面即将被弹出前优先执行清理逻辑，可以用WillPopScope包裹页面根布局，在onWillPop回调中处理：

@override
Widget build(BuildContext context) {
  return WillPopScope(
    onWillPop: () async {
      notifier.clearData();
      // 返回true表示允许执行弹出操作，返回false会拦截弹出
      return true;
    },
    child: const Scaffold(
      // 页面原有布局
    ),
  );
}

该方案对系统返回键、自定义返回按钮调用Navigator.pop的场景都生效。

适合多页面需要统一监听路由进出、或者页面缓存场景下的弹出监听，需要提前注册路由观察者：

1. 定义全局的RouteObserver实例

final RouteObserver<ModalRoute<void>> routeObserver = RouteObserver<ModalRoute<void>>();

2. 注册到MaterialApp的导航观察者列表中

MaterialApp(
  navigatorObservers: [routeObserver],
  // 其他配置
)

3. 在页面State中订阅路由事件

class _YourPageState extends State<YourPage> with RouteAware {
  late YourNotifier notifier;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    // 订阅路由事件
    routeObserver.subscribe(this, ModalRoute.of(context)!);
    notifier = Provider.of<YourNotifier>(context, listen: false);
  }

  @override
  void didPop() {
    // 页面被弹出时触发，优先于dispose执行
    notifier.clearData();
    super.didPop();
  }

  @override
  void dispose() {
    // 取消订阅
    routeObserver.unsubscribe(this);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) => const Scaffold();
}

如果你使用Riverpod做状态管理，直接给Notifier对应的Provider添加autoDispose修饰符即可，当没有任何Widget监听该Provider时（页面销毁后引用被释放），Provider会自动销毁并清空所有数据，无需手动写清理逻辑：

// 代码生成版Riverpod示例
@riverpod
class YourNotifier extends _$YourNotifier {
  @override
  YourState build() {
    return YourState();
  }

  void clearData() {
    state = YourState();
  }
}

// 非代码生成版示例
final yourNotifierProvider = NotifierProvider.autoDispose<YourNotifier, YourState>(
  YourNotifier.new,
);

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