使用Navigator.pushReplacement后，如何通过Navigator.pop向原页面传值？

问题原因 #

你遇到的问题核心是：pushReplacement会将Screen B从路由栈中移除，替换为Screen C，此时路由栈变为A -> C。Screen A中await Navigator.push(B)的Future会在Screen B被移除时完成，返回值为null，因此无法接收到Screen C返回的数据。

解决方案 #

方案一：使用全局状态管理（Provider） #

这是最通用且可靠的方式，适用于复杂路由场景下的数据传递。

1. 添加依赖
   在pubspec.yaml中添加Provider依赖：

dependencies:
  flutter:
    sdk: flutter
  provider: ^6.0.5

2. 创建数据模型
   定义一个可监听的数据类，用于存储和传递数据：

import 'package:flutter/foundation.dart';

class DataModel extends ChangeNotifier {
  String? _result;

  String? get result => _result;

  void updateResult(String value) {
    _result = value;
    notifyListeners();
  }

  void clearResult() {
    _result = null;
    notifyListeners();
  }
}

3. 在根组件中注入Provider
   修改MyApp，用Provider包裹整个应用：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (context) => DataModel(),
      child: MaterialApp(
        title: 'Flutter Demo',
        debugShowCheckedModeBanner: false,
        theme: ThemeData(primarySwatch: Colors.blue),
        home: const ScreenA(),
      ),
    );
  }
}

4. 修改Screen A监听数据
   在Screen A中通过Consumer监听数据变化，实时展示结果：

class ScreenA extends StatelessWidget {
  const ScreenA({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Screen A')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            GestureDetector(
              onTap: () {
                // 跳转前清空旧数据
                Provider.of<DataModel>(context, listen: false).clearResult();
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => const ScreenB()),
                );
              },
              child: const Text('Open Screen B'),
            ),
            const SizedBox(height: 20),
            // 监听数据变化
            Consumer<DataModel>(
              builder: (context, model, child) {
                return Text('the result in screenA: ${model.result ?? 'No data'}');
              },
            ),
          ],
        ),
      ),
    );
  }
}

5. 修改Screen C更新数据
   在Screen C中更新全局数据，然后pop回Screen A：

class ScreenC extends StatelessWidget {
  const ScreenC({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Screen C')),
      body: Center(
        child: GestureDetector(
          onTap: () {
            // 更新全局数据
            Provider.of<DataModel>(context, listen: false).updateResult('Print this');
            Navigator.pop(context);
          },
          child: const Text('Pop to Screen A'),
        ),
      ),
    );
  }
}

Screen B的代码无需修改，保持原有的pushReplacement逻辑即可。

方案二：直接操作路由栈传递数据 #

如果不想使用状态管理，可以通过路由栈判断直接传递数据，但需要修改Screen C的pop逻辑：

修改Screen C的点击事件：

onTap: () {
  // 弹出路由直到Screen A，更新其路由参数并触发UI重建
  Navigator.of(context).popUntil((route) {
    if (route.widget is ScreenA) {
      (route as ModalRoute).settings.arguments = 'Print this';
      (context as Element).markNeedsBuild();
      Navigator.pop(context);
      return true;
    }
    return false;
  });
}

然后在Screen A中获取arguments：

@override
Widget build(BuildContext context) {
  final result = ModalRoute.of(context)?.settings.arguments as String?;
  return Scaffold(
    appBar: AppBar(title: const Text('Screen A')),
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          GestureDetector(
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => const ScreenB()),
              );
            },
            child: const Text('Open Screen B'),
          ),
          const SizedBox(height: 20),
          Text('the result in screenA: ${result ?? 'No data'}'),
        ],
      ),
    ),
  );
}

这种方式需要手动触发UI更新，不如状态管理灵活，适合简单场景。

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