react-navigation-visualizer cli — automatically generate a "sitemap" of Screens

[flexbox]

I joined a project and the architecture of StackNavigators is a bit tricky to understand.

Is it possible to generate the structure / a mindmap of all Screens components inside a NavigationContainer?

I am looking for a cli tool to generate a sitemap of screens

Example:

yarn run react-native-bundle-visualizer      <---- this one is for the bundle size

Or do I need to reproduce the user flow by hand with:

• https://flowchart.fun
• https://excalidraw.com

[gianpaj]

Something like this would be great

At the moment I'm using React Native Debugger to see the entire React tree

if use a regex to find "Stack" or "Navigation" components it doesn't show in a tree shape

[flexbox]

@gianpaj This is nice thanks for sharing!