[TOC] > [home](https://reactnavigation.org/docs/getting-started) > [中文网](https://react-navigation.nodejs.cn/docs/elements/) ## 概述 `react-navigation` 是一个流行的 **React Native 路由库**，用于为 React Native 应用提供导航功能。它支持多种导航模式，如 **堆栈导航**、**标签导航**、**抽屉导航**等，是构建移动应用复杂页面切换和用户流的重要工具。 ## 安装 安装 react-navigation及依赖 ``` npm install @react-navigation/native npm install react-native-screens react-native-safe-area-context ``` ## 示例 ``` import React from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; import HomeScreen from './HomeScreen'; import DetailsScreen from './DetailsScreen'; const Stack = createStackNavigator(); export default function App() { return ( <NavigationContainer> <Stack.Navigator initialRouteName="Home"> <Stack.Screen name="Home" component={HomeScreen} /> <Stack.Screen name="Details" component={DetailsScreen} /> </Stack.Navigator> </NavigationContainer> ); } ```