将 React Navigation 安装到主项目文件夹

React Navigation是一个用于React Native应用程序的导航库。它可以帮助您轻松地创建导航功能，例如标签，抽屉式导航和堆栈式导航。在本文中，我们将介绍如何将React Navigation安装到您的React Native项目中。

步骤1：在终端中安装React Navigation

要将React Navigation安装到您的React Native项目中，您需要在终端中运行以下命令：

npm install @react-navigation/native

这将安装React Navigation库及其所有依赖项。

步骤2：安装所需的依赖项

在安装React Navigation后，您需要安装所需的依赖项。您可以在终端中运行以下命令：

npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

这些依赖项需要React Navigation来正常工作。

步骤3：在项目中导入React Navigation

要在React Native项目中使用React Navigation，您需要在主文件夹中的App.js文件中导入所需的模块。你可以这样做：

import 'react-native-gesture-handler';
import { NavigationContainer } from '@react-navigation/native';

// ...

function App() {
  return (
    <NavigationContainer>
      {/* Your navigation screens */}
    </NavigationContainer>
  );
}

步骤4：开始使用React Navigation

一旦您完成了安装和导入React Navigation，您就可以开始使用它了！您可以创建堆栈式导航器，标签式导航器和抽屉式导航器，并将它们添加到您的应用程序中，以帮助用户更轻松地浏览它。

总的来说，安装React Navigation到您的React Native项目中非常简单。只需遵循以上步骤，您就可以轻松地开始创建高质量的导航功能。