Developer tools

Developer tools to make debugging easier when using React Navigation.

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

• npm
• Yarn

npm install @react-navigation/devtools@next

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.