Route Tracker

Route Tracker / 路由追踪

Overview / 概述

The Route Tracker monitors navigation history, recording all route push, pop, and replacement events.

路由追踪器监控导航历史，记录所有路由 push、pop 和替换事件。

Auto-Injection / 自动注入

When using runAppWithInspector() or wrapApp(), the InspectorRouteObserver is automatically injected into MaterialApp's navigatorObservers.

使用 runAppWithInspector() 或 wrapApp() 时，InspectorRouteObserver 会自动注入到 MaterialApp 的 navigatorObservers 中。

Tracked Route Actions / 追踪的路由操作

Action	Color	Description
push	Blue	Navigator.push() / 推入新路由
pushNamed	Blue	Navigator.pushNamed() / 按名称推入
pop	Orange	Navigator.pop() / 弹出路由
popUntil	Orange	Navigator.popUntil() / 弹出直到
pushReplacement	Purple	Navigator.pushReplacement() / 替换路由

UI Features / UI 功能

Route List / 路由列表

• Action badge with color / 带颜色的操作徽章
• Route name display / 路由名称显示
• Timestamp display / 时间戳显示
• Left border color indicates action type / 左侧边框颜色表示操作类型

Route Detail / 路由详情

• Click a route to view details / 点击路由查看详情
• Shows: Action, Route Name, Timestamp, Arguments / 显示：操作、路由名、时间戳、参数
• Arguments displayed as formatted JSON / 参数以 JSON 格式显示

Manual Setup (Optional) / 手动设置（可选）

If you use a custom Navigator or don't use MaterialApp, add the observer manually:

如果使用自定义 Navigator 或不使用 MaterialApp，请手动添加观察者：

MaterialApp(
  navigatorObservers: [InspectorRouteObserver()],
  home: MyHomePage(),
)