- 1
- 2
- 3
- 4
- 5
React Navigation 路由详解
资料介绍
一、概述
React Navigation 是 React Native 生态中最常用的路由库，用于管理应用中的屏幕导航。它提供了多种导航模式（如堆栈导航、标签导航、抽屉导航等），支持深度链接、导航参数传递、屏幕切换动画等核心功能，且跨平台兼容 iOS 和 Android。
二、核心概念
1. 导航容器（Navigation Container）
所有导航结构的根组件，必须包裹在应用的最外层。它负责管理导航状态和历史记录。
import { NavigationContainer } from '@react-navigation/native';
function App() {
return (
<NavigationContainer>
{/* 导航结构 */}
</NavigationContainer>
);
}
2. 导航器（Navigators）
定义屏幕之间的导航逻辑，常见类型包括：
Stack Navigator：通过堆栈管理屏幕，新屏幕压入栈顶，返回时弹出（类似浏览器历史）。
Tab Navigator：底部或顶部标签栏，切换不同屏幕组。
Drawer Navigator：侧边抽屉式导航，通常用于次要导航选项。
3. 屏幕（Screens）
应用中的具体页面组件，通过导航器注册并关联路由名称。
4. 导航 Prop（navigation）
由导航器传递给屏幕组件的对象，包含核心方法：
navigate(name, params)：跳转到指定路由，可传递参数。
goBack()：返回上一屏幕。
push(name, params)：将新屏幕压入堆栈（即使已存在）。
replace(name, params)：替换当前屏幕，无法返回。
部分文件列表
| 文件名 | 大小 |
| React_Navigation_路由详解.docx | 16K |
最新上传
- 打赏
- 30日榜单
-
21ic小能手 打赏5.00元 2天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏10.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21下载积分 打赏1.00元 3天前
用户：德才兼备
-
mulanhk 打赏1.00元 3天前
-
21ic小能手 打赏10.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏3.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏10.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏3.00元 3天前
-
21ic小能手 打赏3.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
资料：数控电子负载-CH552
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic下载 打赏310.00元 3天前
用户：zhengdai
-
21ic下载 打赏310.00元 3天前
用户：liqiang9090
-
21ic下载 打赏330.00元 3天前
用户：jh0355
-
21ic下载 打赏210.00元 3天前
用户：小猫做电路
-
21ic下载 打赏240.00元 3天前
用户：jh03551
-
21ic下载 打赏210.00元 3天前
用户：gsy幸运
-
21ic下载 打赏70.00元 3天前
用户：w178191520
-
21ic下载 打赏60.00元 3天前
用户：sun2152
-
21ic下载 打赏80.00元 3天前
用户：江岚
-
21ic下载 打赏60.00元 3天前
用户：xuzhen1
-
21ic下载 打赏20.00元 3天前
用户：kk1957135547
-
21ic下载 打赏40.00元 3天前
用户：潇潇江南
-
21ic下载 打赏20.00元 3天前
用户：w993263495
全部评论(0)