Version: 5.x

Developer tools

Developer tools to make debugging easier when using React Navigation.

To configure the developer tools, install @react-navigation/devtools:

npm install @react-navigation/devtools

API Definition

The package exposes the following APIs:

useReduxDevToolsExtension

This hook provides integration with Redux DevTools Extension.It also works with React Native Debugger app which includes this extension.

The hook accepts a ref to the NavigationContainer as its argument.

Usage:

import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { useReduxDevToolsExtension } from '@react-navigation/devtools';
export default function App() {
const navigationRef = React.useRef();
useReduxDevToolsExtension(navigationRef);
return (
<NavigationContainer ref={navigationRef}>{/* ... */}</NavigationContainer>
);
}

The hook only works during development and is disabled in production. You don't need to do anything special to remove it from the production build.