@buoy-gg/route-events

See every route in your app, watch navigation happen in real time, and jump to any screen from a full sitemap.

Part of Buoy — devtools that live inside your React Native app. Install it and it auto-appears in the floating menu from @buoy-gg/core.

Install

npm install @buoy-gg/core @buoy-gg/route-events

Quick start

// app/_layout.tsx (Expo Router)
import { Slot } from "expo-router";
import { FloatingDevTools } from "@buoy-gg/core";

export default function RootLayout() {
  return (
    <>
      <Slot />
      <FloatingDevTools />
    </>
  );
}

That's it. FloatingDevTools detects the package, mounts the route tracker for you, and the ROUTES tool shows up in the menu. It auto-detects whether you're on Expo Router or React Navigation and adapts.

What you get

• Full sitemap — browse every route in your app, searchable, with route types (static, dynamic, layout) labeled
• Jump to any screen — tap a route in the sitemap and navigate straight to it, params and all
• Live navigation stack — watch the stack push, pop, and replace as you move through the app
• Navigation event timeline — every navigation logged with path, params, timestamp, and time since the previous one
• Filtering & search — filter events by pathname pattern, search across routes
• Zero setup — no <RouteTracker /> to place, no config; the core menu wires it automatically
• Hooks for custom UIs — useRouteEvents, useRouteSitemap, and useNavigationStack if you want the data without the modal

Desktop & AI

The same live session streams to Buoy Desktop (free, macOS/Windows/Linux) and to Claude Code or Cursor via the Buoy MCP server.

Free vs Pro

Every tool is free. Pro unlocks production builds, the MCP server, and unlimited capture. Every weekend, Pro features unlock free for everyone.

📚 Full docs · All Buoy tools

Proprietary software. © Buoy LLC. Terms