开始使用
React Navigation的诞生,源自React Native社区对这样一个页面导航解决方案的需求 :
- 扩展性强
- 易用
- 完全使用JavaScript编写(这样的话你就有机会阅读和理解所有的源代码),
- 建立在强大的平台原生原语(native primitives)基础之上
在你决定开始在你的项目中使用React Navigation之前,你可能需要读一下这篇文章anti-pitch – 它会帮助你理解关于这个库里我们认为它目前有缺陷的部分,我们所做出的折衷和权衡。
期望从该文档学到什么 ?
如果你已经对React Native很熟悉,那么你很快上手React Navigation没问题。如果你对React Native还不熟悉,你可能需要先读一下 React Native Express的第一至四部分,然后再回到这里。
这个文档的 基础部分 (Fundanmentals) 会带你在React Navigation最重要的一些方面转一圈。这些知识足够你写一个典型的小移动端应用了,并且,这些背景知识是你深扎到React Navigation高级部分所需要的。
安装
在你的 React Native项目中安装 react-navigation 包 :
yarn add react-navigation
# or with npm
# npm install --save react-navigation
好,现在你可以开始了! 继续下一部分 : Hello React Navigation
英文原文
该系列文章目录
React Navigation 基础 8 : 术语词汇表
React Navigation 基础 7 : 全屏模态
React Navigation 基础 6 : 头部按钮
React Navigation 基础 5 : 配置导航头部
React Navigation 基础 4 : 屏幕间切换参数传递
React Navigation 基础 3 : 屏幕间切换
React Navigation 基础 2 : Hello React Navigation
React Navigation 基础 1: 开始使用