Flutter启动页自动跳转时，终止态点击通知无法导航至目标页面

这不是Flutter的缺陷，本质是自动导航逻辑与通知触发导航的时机冲突：

• 应用从终止态启动时，SplashScreen的initState会立即触发3秒后跳转至SecondScreen的任务。
• 点击通知的跳转逻辑会在应用初始化完成后执行，但Splash的延迟跳转任务已经在队列中等待，最终Splash的导航会覆盖通知的跳转操作。

解决思路：优先响应通知导航需求 #

在SplashScreen的自动导航逻辑中，先检查是否存在通知携带的跳转目标，再决定最终导航方向。以下是两种可行方案：

方案1：用本地存储标记导航目标 #

步骤1：处理通知点击时存储目标页面

在通知点击回调中，将需要跳转的页面标识存入本地存储（以SharedPreferences为例）：

import 'package:shared_preferences/shared_preferences.dart';

// 通知点击处理逻辑
final prefs = await SharedPreferences.getInstance();
await prefs.setString('target_route', 'third_screen');

步骤2：修改SplashScreen的导航逻辑

在延迟跳转前先读取存储的标识，按优先级跳转：

class _HomePageState extends State<HomePage> {
  @override
  void initState() {
    super.initState();
    navigate();
  }

  Future<void> navigate() async {
    await Future.delayed(const Duration(seconds: 3));
    if (!context.mounted) return;

    final prefs = await SharedPreferences.getInstance();
    final targetRoute = prefs.getString('target_route');

    if (targetRoute == 'third_screen') {
      Navigator.push(context, MaterialPageRoute(builder: (_) => const ThirdScreen()));
      await prefs.remove('target_route'); // 清除标记，避免重复跳转
    } else {
      Navigator.push(context, MaterialPageRoute(builder: (_) => const SecondScreen()));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Notifications")),
      body: // 页面内容
    );
  }
}

方案2：用全局变量传递导航目标 #

步骤1：定义全局变量

在应用入口文件中定义全局导航键和目标标记：

final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
String? notificationTargetRoute;

步骤2：通知点击时设置目标

// 通知点击回调
notificationTargetRoute = 'third_screen';

步骤3：修改SplashScreen导航逻辑

Future<void> navigate() async {
  await Future.delayed(const Duration(seconds: 3));
  if (!context.mounted) return;

  if (notificationTargetRoute != null) {
    if (notificationTargetRoute == 'third_screen') {
      navigatorKey.currentState?.push(MaterialPageRoute(builder: (_) => const ThirdScreen()));
    }
    notificationTargetRoute = null; // 重置标记
  } else {
    Navigator.push(context, MaterialPageRoute(builder: (_) => const SecondScreen()));
  }
}

注意事项 #

• 务必在导航前检查context.mounted，避免上下文失效导致的异常。
• 两种方案都需要确保通知的目标标记在Splash的延迟跳转完成前被设置，否则会失效。

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