如何获取Navigator新推送路由的Context以显示SnackBar？

你说得没错，当前代码失效的核心原因就是你使用的是旧页面的Context——当调用Navigator.pushNamedAndRemoveUntil并传入(_) => false时，原来的所有路由都会被从栈中移除，旧页面的Context已经不属于当前Widget树了，自然找不到对应的Scaffold来显示SnackBar。另外，新页面此时还没完成构建，也无法直接获取它的Context。

下面给你几个实用的解决方案，按推荐程度排序：

方案一：在目标页面内部处理SnackBar显示（最推荐） #

把SnackBar的显示逻辑放到searchRoute对应的目标页面里，这样能直接使用新页面的Context，还能让组件职责更清晰。

基础实现： #

在目标页面的State类中，利用WidgetsBinding.instance.addPostFrameCallback等待页面构建完成后再显示SnackBar（避免在initState中直接使用Context的问题）：

class SearchPage extends StatefulWidget {
  const SearchPage({super.key});

  @override
  State<SearchPage> createState() => _SearchPageState();
}

class _SearchPageState extends State<SearchPage> {
  @override
  void initState() {
    super.initState();
    // 等待当前帧绘制完成，确保Context已挂载
    WidgetsBinding.instance.addPostFrameCallback((_) {
      final snackbar = SnackBar(
        content: const Text("Thing done successfully!"),
        backgroundColor: Colors.green[700],
      );
      // 注意：Flutter 2.5+推荐用ScaffoldMessenger替代Scaffold.of
      ScaffoldMessenger.of(context).showSnackBar(snackbar);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // 页面内容
    );
  }
}

动态控制是否显示： #

如果只有特定场景需要显示SnackBar，可以在跳转时传递参数：

// 跳转时传入参数
if (something) { 
  Navigator.pushNamedAndRemoveUntil( 
    context, 
    searchRoute, 
    (_) => false, 
    arguments: true, // 标记需要显示SnackBar
  ); 
  return true; 
} else { 
  return false; 
}

然后在目标页面中读取参数并判断：

class _SearchPageState extends State<SearchPage> {
  late bool _showSnackBar;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    // 读取路由参数
    _showSnackBar = ModalRoute.of(context)?.settings.arguments as bool? ?? false;
  }

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      if (_showSnackBar) {
        final snackbar = SnackBar(
          content: const Text("Thing done successfully!"),
          backgroundColor: Colors.green[700],
        );
        ScaffoldMessenger.of(context).showSnackBar(snackbar);
      }
    });
  }

  // ...build方法
}

方案二：使用全局ScaffoldMessengerKey #

如果你不想修改目标页面的代码，可以定义一个全局的GlobalKey<ScaffoldMessengerState>，绑定到目标页面的Scaffold上，然后通过这个Key来显示SnackBar。

步骤1：定义全局Key #

在父组件或者全局位置声明：

final GlobalKey<ScaffoldMessengerState> _snackBarKey = GlobalKey<ScaffoldMessengerState>();

步骤2：绑定到目标页面的Scaffold #

class SearchPage extends StatelessWidget {
  const SearchPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      scaffoldMessengerKey: _snackBarKey, // 绑定全局Key
      // 页面内容
    );
  }
}

步骤3：跳转后使用Key显示SnackBar #

利用Navigator.push...返回的Future的then方法，等待跳转完成后再触发：

if (something) { 
  Navigator.pushNamedAndRemoveUntil( 
    context, 
    searchRoute, 
    (_) => false, 
  ).then((_) {
    final snackbar = SnackBar(
      content: const Text("Thing done successfully!"),
      backgroundColor: Colors.green[700],
    );
    _snackBarKey.currentState?.showSnackBar(snackbar);
  });
  return true; 
} else { 
  return false; 
}

为什么不推荐直接在跳转后用旧Context？ #

当你调用Navigator.pushNamedAndRemoveUntil并清空栈时，旧页面的Widget会被立即从树中移除，此时旧Context已经无效，Scaffold.of(context)会找不到对应的Scaffold实例，自然无法显示SnackBar。即使栈没被清空，新页面的Context也还没创建，无法直接获取。

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