Flutter中Widget2调用Navigator.pop()后如何检测Widget1是否恢复可见

你描述的场景有两种常用实现方式：

方案1：轻量实现（仅针对单次跳转返回） #

直接利用Navigator.push返回的Future特性，跳转时追加then回调，当目标页调用Navigator.pop()返回时，该回调会自动触发：

// Widget1中触发跳转的代码
Navigator.of(context).push(
  MaterialPageRoute(builder: (context) => const Widget2())
).then((value) {
  // 此处即为从Widget2返回Widget1的触发时机，执行你的业务逻辑即可
});

适用场景：仅需要监听从特定页面返回的场景，无需额外全局配置，代码改动最小

方案2：通用实现（支持所有返回场景） #

如果你的Widget1可能从多个不同的二级页面返回，都需要触发可见回调，推荐使用Flutter官方提供的RouteObserver实现全局路由监听：

步骤1：初始化全局RouteObserver #

在全局位置（比如main.dart顶部）定义单例：

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

步骤2：注册到应用路由观察者 #

修改你的MaterialApp配置，将该实例加入navigatorObservers列表：

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorObservers: [routeObserver], // 加入这行配置
      home: const Widget1(),
    );
  }
}

步骤3：在Widget1中绑定监听 #

让Widget1的State混入RouteAware，完成订阅、回调处理、取消订阅的逻辑：

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

  @override
  State<Widget1> createState() => _Widget1State();
}

class _Widget1State extends State<Widget1> with RouteAware {
  @override
  void initState() {
    super.initState();
    // 等待页面路由完成挂载后再订阅
    WidgetsBinding.instance.addPostFrameCallback((_) {
      final currentRoute = ModalRoute.of(context);
      if (currentRoute != null) {
        routeObserver.subscribe(this, currentRoute);
      }
    });
  }

  // 该方法会在当前页面从路由栈下层回到顶层（即重新可见）时触发
  @override
  void didPopNext() {
    super.didPopNext();
    // 此处执行你需要的onResume逻辑
    debugPrint("Widget1重新可见");
  }

  @override
  void dispose() {
    // 销毁时取消订阅避免内存泄漏
    routeObserver.unsubscribe(this);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // 原有页面布局逻辑
    return Scaffold(
      // ...
    );
  }
}

适用场景：需要监听所有回到当前页面的返回场景，适配性更强

注意说明 #

如果你的需求是监听应用切后台再回到前台的可见时机，需要用WidgetsBindingObserver监听AppLifecycleState，上述两种方案仅适配路由栈内页面切换的场景。

内容的提问来源于stack exchange，提问作者Itai.S.