DEV Community

IronTony
IronTony

Posted on

πŸš€ Introducing Rozenite Navigation Inspector β€” inspect navigation in Expo Router/React-Navigation apps

🧭 What Rozenite Navigation Inspector does

πŸ—ΊοΈ Sitemap view
Browse all available routes generated from React-Navigation/Expo Router’s compile-time route tree, with visited-route tracking so you can see which routes have actually been navigated to at runtime.

✨ Route autocomplete
Get fuzzy-matched route suggestions by combining:

  • the sitemap (compile-time routes)
  • the navigation tree (runtime structure)
  • the device route list

This makes navigating and testing routes much faster, especially in larger apps.

🧩 Dynamic route detection
Dynamic segments like [id] and [...slug] are automatically detected and highlighted in the sitemap, including their parameter names, making it easier to understand and reason about dynamic paths.

πŸ” Navigation event inspection
Observe navigation events as they happen to better understand push, pop, and route change behavior at runtime.

πŸ§ͺ Project status & feedback

This is an early-stage open-source project, and I’m actively looking for:

  • Feedback on the current feature set
  • Testers using different Expo Router setups and app sizes
  • Bug reports, edge cases, and improvement ideas (via issues)

If you find the tool useful, please consider ⭐️ starring the repository β€” it’s free to use, but stars really help with visibility and motivation.

πŸ”— Repository

The project is hosted on GitHub:
https://github.com/IronTony/rozenite-navigation-inspector

Questions, suggestions, and discussions are more than welcome.
Thanks for checking it out πŸ™

Top comments (0)