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
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.