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>);
}
以上就是文章全部内容了，如果喜欢这篇文章的话，还希望三连支持一下，感谢！