为何两个StatefulWidget的didChangeAppLifecycleState均被调用？如何仅触发当前视图的？

这是正常行为吗？ #

这是完全正常的。因为didChangeAppLifecycleState是应用级别的生命周期回调，不属于单个页面（Route）专属。只要某个Widget的State对象还存在于组件树中（哪怕它所在的页面被压在路由栈下方未显示），当应用生命周期状态变化时，所有注册了该回调的State都会收到通知。

比如从Widget2页面跳转到Widget1页面后，Widget2的State并没有被销毁，依然存在于组件树中，所以当应用切换到后台时，它的didChangeAppLifecycleState方法也会被触发。

如何只让当前显示的Widget触发回调？ #

要实现仅当前活跃页面的Widget响应应用生命周期变化，有几种实用方案：

1. 直接判断当前页面是否在路由栈顶 #

在didChangeAppLifecycleState方法中先检查当前Widget所在页面是否为栈顶的活跃页面，再执行业务逻辑：

@override
void didChangeAppLifecycleState(AppLifecycleState state) {
  super.didChangeAppLifecycleState(state);
  // 检查当前页面是否为栈顶活跃页面
  final isCurrentPage = ModalRoute.of(context)?.isCurrent ?? false;
  if (!isCurrentPage) return;
  
  // 仅当前页面活跃时执行以下逻辑
  if (state == AppLifecycleState.paused) {
    // 此处写Widget1切换到后台的处理逻辑
  } else if (state == AppLifecycleState.resumed) {
    // 此处写Widget1回到前台的处理逻辑
  }
}

2. 使用RouteObserver监听页面活跃状态 #

Flutter官方提供RouteObserver类，可精准监听页面的push/pop事件，结合它来控制是否响应应用生命周期：

步骤1：在MaterialApp中注册RouteObserver

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

void main() {
  runApp(
    MaterialApp(
      navigatorObservers: [routeObserver], // 注册路由观察者
      home: Widget2(),
    ),
  );
}

步骤2：在Widget的State中混入RouteAware并监听

class Widget1State extends State<Widget1> with RouteAware {
  bool _isPageActive = false;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    // 注册当前页面的路由监听
    routeObserver.subscribe(this, ModalRoute.of(context)!);
  }

  @override
  void dispose() {
    // 页面销毁时取消监听，避免内存泄漏
    routeObserver.unsubscribe(this);
    super.dispose();
  }

  // 页面被推到栈顶成为活跃页面时触发
  @override
  void didPush() {
    _isPageActive = true;
  }

  // 当前页面被新页面覆盖、不再活跃时触发
  @override
  void didPushNext() {
    _isPageActive = false;
  }

  // 覆盖页面被弹出，当前页面重新活跃时触发
  @override
  void didPopNext() {
    _isPageActive = true;
  }

  // 当前页面被弹出栈时触发
  @override
  void didPop() {
    _isPageActive = false;
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    super.didChangeAppLifecycleState(state);
    if (!_isPageActive) return;
    
    // 仅页面活跃时处理应用生命周期变化
    if (state == AppLifecycleState.paused) {
      // 执行后台处理逻辑
    }
  }
}

这种方式能精准跟踪页面活跃状态，是官方推荐的页面生命周期监听方案。

3. 手动通过状态管理控制 #

如果是自定义页面栈管理（比如用自定义导航），可以借助Provider、GetX等状态管理工具，维护一个当前活跃页面的标识。在页面push/pop时更新该标识，然后在didChangeAppLifecycleState中判断当前Widget是否匹配活跃标识，再执行逻辑。

总结 #

多个Widget的didChangeAppLifecycleState同时触发是正常现象，因为这是应用级别的回调。要实现仅当前活跃页面响应，可通过判断路由栈状态、使用RouteObserver或手动状态管理来实现，其中RouteObserver是最省心的官方方案。

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