Flutter如何实现get全局路由拦截

在Flutter中使用GetX时，如何实现全局路由拦截？目前我通过GetMaterialApp配置了路由，但想在每次页面跳转前统一进行权限校验或日志记录。尝试过使用GetMiddleware，但不太清楚如何正确注册全局拦截逻辑，以及如何处理拦截后的重定向或中止跳转。有没有完整的示例代码或最佳实践可以参考？

2 回复

在Flutter中，可以使用MaterialApp的navigatorObservers属性添加路由观察者，通过继承NavigatorObserver类并重写didPush和didPop等方法，实现全局路由拦截逻辑。

更多关于Flutter如何实现get全局路由拦截的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中实现全局路由拦截，可以通过以下两种常用方式：

1. 使用 NavigatorObserver 监听路由变化

创建自定义的 NavigatorObserver 来拦截和监听路由跳转。

class GlobalRouteObserver extends NavigatorObserver {
  @override
  void didPush(Route<dynamic> route, Route<dynamic>? previousRoute) {
    super.didPush(route, previousRoute);
    // 路由进入时拦截逻辑
    _checkRoute(route);
  }

  @override
  void didPop(Route<dynamic> route, Route<dynamic>? previousRoute) {
    super.didPop(route, previousRoute);
    // 路由退出时拦截逻辑
  }

  void _checkRoute(Route<dynamic> route) {
    // 示例：检查是否需要登录
    if (route.settings.name == '/profile' && !isLoggedIn) {
      // 跳转到登录页
      navigator?.pushReplacementNamed('/login');
    }
  }
}

在 MaterialApp 中注册：

MaterialApp(
  navigatorObservers: [GlobalRouteObserver()],
  // 其他配置...
)

2. 使用 GetX 的路由中间件（推荐）

如果项目使用 GetX 状态管理库，可以通过 GetMiddleware 实现更简洁的拦截。

创建中间件类：

class AuthMiddleware extends GetMiddleware {
  @override
  RouteSettings? redirect(String? route) {
    // 路由跳转前拦截
    if (route == '/profile' && !Get.find<AuthController>().isLoggedIn) {
      return RouteSettings(name: '/login');
    }
    return null;
  }
}

在 GetPage 中应用中间件：

GetPage(
  name: '/profile',
  page: () => ProfilePage(),
  middlewares: [AuthMiddleware()],
)

使用场景

  • 身份验证：检查用户登录状态
  • 权限控制：验证用户权限
  • 日志记录：跟踪页面访问

注意事项

  • 避免在拦截器中执行耗时操作
  • 注意循环跳转问题（如：未登录时拦截到登录页，但登录页又被拦截）
  • GetX 方式更简洁，适合已使用 GetX 的项目

选择适合项目架构的方式即可实现全局路由拦截。

回到顶部