mirror of
https://github.com/zhigang1992/react-navigation.git
synced 2026-01-12 22:51:18 +08:00
- @react-navigation/bottom-tabs@6.0.0-next.12 - @react-navigation/core@6.0.0-next.9 - @react-navigation/devtools@6.0.0-next.9 - @react-navigation/drawer@6.0.0-next.11 - @react-navigation/elements@1.0.0-next.11 - flipper-plugin-react-navigation@1.1.0 - @react-navigation/material-bottom-tabs@6.0.0-next.9 - @react-navigation/material-top-tabs@6.0.0-next.10 - @react-navigation/native-stack@6.0.0-next.1 - @react-navigation/native@6.0.0-next.9 - @react-navigation/routers@6.0.0-next.3 - @react-navigation/stack@6.0.0-next.18
@react-navigation/devtools
Developer tools for React Navigation.
Installation instructions and documentation can be found on the React Navigation website.
Installation
Open a Terminal in your project's folder and run,
yarn add @react-navigation/devtools
Usage
For redux dev tools extension integration, you can pass a ref to the container:
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>
);
}