React Navigation 和 Expo Router

React Navigation 是 React Native 社区最常用的导航库，其具有高度可定制性且性能良好的特性。它提供了一系列导航器（如堆栈导航器、标签导航器、抽屉导航器等），可以满足绝大多数的页面导航需求。

Expo Router 是 Expo 官方最新发布的路由库，它是基于 React Navigation 的再次封装，简化了很多基本的操作，比如不再需要每次在页面中显示的调用具体导航器，只需要在应用的入口配置好路由映射表即可。

安装及使用步骤：以下以 Expo Router 为例介绍其基本的安装和使用步骤：

安装 Expo Router

使用 npm

npm install expo-router

使用 yarn

yarn add expo-router

创建路由

在应用的主要入口，如 App.js文件中，创建和配置你的路由。以下是一个简单的路由配置的例子：

import { Router, View } from 'expo-router';
import HomeScreen from './screens/HomeScreen';
import AboutScreen from './screens/AboutScreen';
import ContactScreen from './screens/ContactScreen';

export default function App() {
  return (
    <Router pathMap={{
      '/': HomeScreen,
      '/about': AboutScreen,
      '/contact': ContactScreen,
    }}>
      <View />
    </Router>
  );
}

在页面中使用路由

在页面组件中，你可以使用 navigate 函数来跳转到其它页面：

import { Text, View } from 'react-native';
import { navigate } from 'expo-router';

export default function HomeScreen() {
  return (
    <View>
      <Text onPress={() => navigate('/about')}>
        Go to About
      </Text>
    </View>
  );
}