Flutter中点击推送通知如何重新打开而非重复创建目标页面实例

当前代码每次调用push都会创建新的targetPage实例，要实现点击通知时复用已有页面并刷新，可按以下步骤处理：

核心思路 #

1. 先检查路由栈中是否存在目标页面实例（按页面类型或参数区分）
2. 若存在：回到该页面并更新参数触发UI刷新
3. 若不存在：创建新页面实例并跳转

具体实现 #

步骤1：给目标页面添加全局状态管理 #

将targetPage改为带全局Key的StatefulWidget，方便后续更新页面数据：

// 定义全局Key用于访问目标页面状态
final GlobalKey<TargetPageState> targetPageKey = GlobalKey();

class TargetPage extends StatefulWidget {
  final String page;
  final String key1;
  final String key2;

  const TargetPage({
    super.key,
    required this.page,
    required this.key1,
    required this.key2,
  });

  @override
  State<TargetPage> createState() => TargetPageState();
}

class TargetPageState extends State<TargetPage> {
  late String currentKey1;
  late String currentKey2;

  @override
  void initState() {
    currentKey1 = widget.key1;
    currentKey2 = widget.key2;
    super.initState();
  }

  // 用于外部触发数据更新和页面刷新
  void updateData({required String key1, required String key2}) {
    setState(() {
      currentKey1 = key1;
      currentKey2 = key2;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.page)),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('Key1: $currentKey1'),
            Text('Key2: $currentKey2'),
          ],
        ),
      ),
    );
  }
}

步骤2：修改通知跳转逻辑 #

在处理推送通知的代码中，先查找路由栈内的目标页面，再决定跳转方式：

if (data["myPage"] == 'Page1' || data["myPage"] == 'Page2') {
  final navigatorState = navigatorKey.currentState;
  if (navigatorState == null) return;

  Route? targetRoute;
  // 遍历路由栈，查找对应page参数的TargetPage实例
  for (final route in navigatorState.widget.routes.values) {
    final widget = route.builder(navigatorState.context);
    if (widget is TargetPage && widget.page == data['myPage']) {
      targetRoute = route;
      break;
    }
  }

  if (targetRoute != null) {
    // 回到目标页面
    navigatorState.popUntil((route) => route == targetRoute);
    // 更新页面数据并刷新
    targetPageKey.currentState?.updateData(
      key1: data['value1'],
      key2: data['value2'],
    );
  } else {
    // 无目标页面时，创建新实例跳转
    navigatorState.push(MaterialPageRoute(
      builder: (context) => TargetPage(
        key: targetPageKey,
        page: data['myPage'],
        key1: data['value1'],
        key2: data['value2'],
      ),
    ));
  }
}

注意事项 #

• 若你的targetPage是不同的Widget（比如Page1和Page2是单独的类），需要调整路由栈的判断逻辑，改为匹配对应Widget类型
• 全局Key需确保唯一，避免和其他页面Key冲突
• 如果使用Provider、GetX等状态管理工具，可替换全局Key的方式，直接更新状态即可触发页面刷新

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