mirror of
https://github.com/zhigang1992/react-navigation.git
synced 2026-05-08 12:10:13 +08:00
95b044ecf9
The `devtools` package extracts the redux devtools extension integration to a separate package. In future we can add more tools such as flipper integration to this package.
Usage:
```js
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>
);
}
```
34 lines
807 B
Markdown
34 lines
807 B
Markdown
# `@react-navigation/devtools`
|
|
|
|
Developer tools for React Navigation.
|
|
|
|
Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/devtools).
|
|
|
|
## Installation
|
|
|
|
Open a Terminal in your project's folder and run,
|
|
|
|
```sh
|
|
yarn add @react-navigation/devtools
|
|
```
|
|
|
|
## Usage
|
|
|
|
For redux dev tools extension integration, you can pass a ref to the container:
|
|
|
|
```js
|
|
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>
|
|
);
|
|
}
|
|
```
|