Flutter退出登录按钮点击报错，疑与LoginScreen的routeName有关

报错本质 #

你遇到的错误是Flutter找不到名为/login的路由映射，这和LoginScreen里定义的routeName本身无关，核心问题是你没有在应用的路由表中注册这个路由。

问题分析 #

当你调用Navigator.of(context).pushReplacementNamed(LoginScreen.routeName)时，Flutter会去全局路由表里查找/login对应的页面组件。如果路由表中没有配置这个映射，就会抛出找不到路由生成器的错误。

解决方案 #

找到你项目中初始化MaterialApp的代码（一般在main.dart里），在routes参数中添加/login的路由映射：

MaterialApp(
  // 其他配置...
  routes: {
    '/login': (context) => const LoginScreen(),
    // 可添加其他路由，比如首页 '/' 的映射
  },
)

如果你的项目使用了onGenerateRoute处理动态路由，也要确保在这个方法里能正确匹配/login路由：

MaterialApp(
  onGenerateRoute: (settings) {
    if (settings.name == '/login') {
      return MaterialPageRoute(builder: (context) => const LoginScreen());
    }
    // 其他路由处理逻辑
  },
)

额外检查 #

• 确认LoginScreen已经被正确导入到配置路由的文件中
• 确保路由名称拼写完全一致（注意大小写、斜杠等细节）

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