Flutter中Firebase推送通知跳转指定页面报错求助

错误原因 #

你的错误是因为AppComponentState的initState中监听Firebase推送流的回调触发时，Widget已经被卸载，此时State的context已经无效，继续使用就会抛出这个异常。

解决方案 #

1. 在回调中先判断mounted状态 #

在处理推送跳转的代码前，先检查当前State是否仍处于活跃状态，只有mounted为true时再执行导航操作：

@override
void initState() {
  super.initState();
  FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {
    // 先判断是否已挂载
    if (!mounted) return;
    // 执行页面跳转逻辑
    Navigator.pushNamed(context, '/target-page', arguments: message.data);
  });
}

2. 在dispose中取消流订阅 #

确保Widget卸载时，取消Firebase推送的流监听，避免后续无用回调触发：

late StreamSubscription<RemoteMessage> _messageSubscription;

@override
void initState() {
  super.initState();
  _messageSubscription = FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {
    if (!mounted) return;
    Navigator.pushNamed(context, '/target-page', arguments: message.data);
  });
}

@override
void dispose() {
  // 取消订阅
  _messageSubscription.cancel();
  super.dispose();
}

3. 使用全局导航键替代context（更稳妥） #

定义一个全局的GlobalKey，直接通过导航键跳转，无需依赖State的context：

// 在main.dart中定义全局导航键
final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

void main() {
  runApp(MaterialApp(
    navigatorKey: navigatorKey, // 绑定到MaterialApp
    routes: {
      '/target-page': (context) => TargetPage(),
    },
  ));
}

// 在监听推送的地方使用全局键跳转
FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {
  navigatorKey.currentState?.pushNamed('/target-page', arguments: message.data);
});

这个方法彻底避免了context失效的问题，因为全局导航键不依赖单个Widget的State生命周期。

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