新华区设计网站公司北京 公司网站制作

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

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

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

1. 安装 Expo Router

使用 npm

npm install expo-router

使用 yarn

yarn add expo-router

2. 创建路由

在应用的主要入口，如 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>);
}

3. 在页面中使用路由

在页面组件中，你可以使用 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>);
}

以上就是文章全部内容了，如果喜欢这篇文章的话，还希望三连支持一下，感谢！