Route Inspector

See every route in your app and track navigation in real-time. Browse your sitemap, jump to any screen, and debug navigation issues instantly.

Route Sitemap

Browse all your app routes with stats—total, static, dynamic, catch-all, and layouts. Expand any route to see parameters.

← Previous

Next →

Supported Libraries

Captures navigation from go_router — the events timeline, route sitemap, and navigation-stack view, identical to the React Native tool.

Installation

flutter pub add buoy_routes

flutter pub add buoy_routes

Add BuoyRouteObserver.instance to your router's observers and hand the router to registerBuoyRoutes so the sitemap and jump-to-route work:

import 'package:buoy_routes/buoy_routes.dart';
import 'package:go_router/go_router.dart';

final _router = GoRouter(
  observers: [BuoyRouteObserver.instance],
  routes: [ /* ... */ ],
);

void main() {
  if (kDebugMode) registerBuoyRoutes(router: _router);
  runApp(const MyApp());
}

import 'package:buoy_routes/buoy_routes.dart';
import 'package:go_router/go_router.dart';

final _router = GoRouter(
  observers: [BuoyRouteObserver.instance],
  routes: [ /* ... */ ],
);

void main() {
  if (kDebugMode) registerBuoyRoutes(router: _router);
  runApp(const MyApp());
}

What You Can Do

Event Timeline

Every navigation is tracked with:

• Path — Where you navigated to
• Params — Route parameters passed
• Timestamp — When it happened
• Duration — Time since previous navigation

Tap any event to open its detail page — the full route template, from/to paths, timing, segments, and params, all copyable, plus a Go to route action to jump straight there.

What's Next

• Network Monitor — See every API call your app makes
• Storage Explorer — Browse and edit shared_preferences
• Events Timeline — Navigation alongside network and storage events