React Navigation 基础 1 : 开始使用

开始使用

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: 开始使用