diff --git a/packages/react-navigation-visualizer/README.md b/packages/react-navigation-visualizer/README.md index dcc3601..1d0d071 100644 --- a/packages/react-navigation-visualizer/README.md +++ b/packages/react-navigation-visualizer/README.md @@ -45,3 +45,11 @@ export default function RootLayout() { ``` In this case, `expo-router` automatically manages the navigation container, so you just need to add the DevTool setup in your layout component. + +## Launch in Metro + +In the metro launcher, type Shift+M to open the dev tools menu, and select `@bam.tech/react-navigation-visualizer-dev-plugin` + +The visualization tool is available under the `Navigation Tree` section + +![alt text](./assets/visualizer_example.png) diff --git a/packages/react-navigation-visualizer/assets/visualizer_example.png b/packages/react-navigation-visualizer/assets/visualizer_example.png new file mode 100644 index 0000000..f545bd8 Binary files /dev/null and b/packages/react-navigation-visualizer/assets/visualizer_example.png differ diff --git a/packages/react-navigation-visualizer/package.json b/packages/react-navigation-visualizer/package.json index 1c472e3..36d9ccf 100644 --- a/packages/react-navigation-visualizer/package.json +++ b/packages/react-navigation-visualizer/package.json @@ -17,7 +17,7 @@ "homepage": "https://docs.expo.dev/versions/latest/sdk/image/", "repository": { "type": "git", - "url": "git+https://github.com/thomasrebam/dev-plugins.git", + "url": "git+https://github.com/bamlab/dev-plugins.git", "directory": "packages/react-navigation-visualizer" }, "keywords": [