Flutter中Navigator.pushAndRemoveUntil失效，页面路由API报错求助

错误原因 #

你遇到的报错是因为当前项目使用了基于Page的声明式导航系统（比如通过Navigator.pages管理页面栈），而Navigator.pushAndRemoveUntil属于命令式导航API，两种导航模式不能混用，导致冲突报错。

解决方案 #

根据你的导航架构，选择以下两种方案之一：

方案1：切换回命令式导航（保留原pushAndRemoveUntil逻辑） #

如果你的项目不需要基于Page的导航，检查根MaterialApp/CupertinoApp的配置，确保没有使用Navigator.pages，改用传统的命令式导航配置：

MaterialApp(
  initialRoute: '/login', // 你的原页面路由
  routes: {
    '/login': (context) => LoginView(),
    '/home': (context) => AnaSayfaView(),
  },
)

此时你原来的pushAndRemoveUntil代码就能正常生效，实现跳转后清空所有历史页面、无法返回的效果：

void isValidate() {
  if (_formKey.currentState != null) {
    if (_formKey.currentState!.validate()) {
      print("is valid");
      Navigator.of(context).pushAndRemoveUntil(
        MaterialPageRoute(builder: (context) => AnaSayfaView()),
        (route) => false, // 清空所有之前的页面栈
      );
    } else {
      print("is not valid");
    }
  }
}

方案2：适配基于Page的声明式导航 #

如果项目必须使用基于Page的导航，需要通过更新pages列表来实现跳转并清空栈的效果：

假设你的根导航是这样配置的：

class MyApp extends StatefulWidget {
  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // 初始页面栈，包含你的原页面
  List<Page> _pages = [MaterialPage(child: LoginView())];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Navigator(
        pages: _pages,
        onPopPage: (route, result) {
          if (!route.didPop(result)) return false;
          setState(() => _pages.removeLast());
          return true;
        },
      ),
    );
  }
}

那么在你的isValidate方法中，替换整个页面栈为新页面即可：

void isValidate() {
  if (_formKey.currentState != null) {
    if (_formKey.currentState!.validate()) {
      print("is valid");
      // 替换页面栈，只保留目标页面，实现无法返回的效果
      setState(() {
        _pages = [MaterialPage(child: AnaSayfaView())];
      });
    } else {
      print("is not valid");
    }
  }
}

内容的提问来源于stack exchange，提问作者Ömer Önder