Flutter路由错误修复：无法找到/login路由生成器（PersistentTabController场景）

这个错误的核心原因是：你调用Navigator.pushNamedAndRemoveUntil时传入的context是底部导航栏子页面的上下文，它属于PersistentTabView的子树，无法访问MaterialApp层面注册的路由表。

下面提供两种简单可行的解决方法：

方法一：使用全局NavigatorKey（推荐） #

通过全局导航键直接操作根导航器，不需要依赖页面context：

1. 修改main.dart，添加全局导航键并绑定到MaterialApp：

// 定义全局导航键，放在MyApp类外面
final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorKey: navigatorKey, // 绑定全局导航键
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      routes: {
        '/': (context) => _defaultHome,
        '/home': (context) => const BottomBar(),
        '/login': (context) => const LoginPage(),
      },
    );
  }
}

2. 修改SharedService的logout方法，使用全局导航键跳转：

static Future<void> logout() async {
  await APICacheManager().deleteCache("login_details");
  // 通过全局导航键获取根导航器
  navigatorKey.currentState?.pushNamedAndRemoveUntil(
    '/login',
    (route) => false,
  );
}

3. 调用登出方法时不再需要传context：

IconButton(
  icon: const Icon(Icons.logout, color: Colors.black),
  onPressed: () {
    SharedService.logout();
  },
),

方法二：指定使用根导航器 #

如果不想用全局键，只需在跳转时明确获取根导航器的context：

修改SharedService的logout方法：

static Future<void> logout(BuildContext context) async {
  await APICacheManager().deleteCache("login_details");
  // 传入rootNavigator: true获取根导航器
  Navigator.of(context, rootNavigator: true).pushNamedAndRemoveUntil(
    '/login',
    (route) => false,
  );
}

这样原有的调用方式不需要改动，依然可以传context使用。

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