React Navigation 是 React Native 中常用的导航组件库，用于组织和管理应用内的页面栈。以下是一个基本的页面组织方式示例： 首先安装 react-navigation 以及需要的导航器（例如 stack navigator、tab navigator 或 drawer navigator 等）： ```bash npm install @react-navigation/native npm install @react-navigation/stack # 或者其他你可能需要的navigator npm install @react-navigation/bottom-tabs npm install @react-navigation/drawer ``` 然后创建各个页面组件，例如： ```jsx import React from 'react'; import { Text, View } from 'react-native'; // 页面1 function HomeScreen({ navigation }) { return ( Home Screen {/* 可以通过navigation.navigate跳转到其他页面 */} navigation.navigate('Details')} /> ); } // 页面2 function DetailsScreen({ navigation }) { return ( Details Screen navigation.goBack()} /> ); } ``` 接着，使用 Stack Navigator 来组织这些页面： ```jsx import { createStackNavigator } from '@react-navigation/stack'; import HomeScreen from './HomeScreen'; import DetailsScreen from './DetailsScreen'; const Stack = createStackNavigator(); function App() { return ( ); } export default App; ``` 在上述代码中，我们创建了一个 Stack Navigator，并定义了两个页面（HomeScreen 和 DetailsScreen）。每个页面都是一个 Stack.Screen，通过 `name` 属性指定路由名称，`component` 属性指定对应页面组件。 这样就完成了基本的页面组织，可以根据实际需求进一步配置和扩展，比如添加底部标签导航（Tab Navigator）、抽屉导航（Drawer Navigator）等。